# Perspective - Time Series Chart , how to change color of line chart?

**URL:** <https://forum.inductiveautomation.com/t/perspective-time-series-chart-how-to-change-color-of-line-chart/39093>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [September 26, 2020, 2:01pm UTC](https://forum.inductiveautomation.com/t/perspective-time-series-chart-how-to-change-color-of-line-chart/39093 "2020-09-26T14:01:02Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![soontosr](https://avatars.discourse-cdn.com/v4/letter/s/ed655f/32.png) [@soontosr](https://forum.inductiveautomation.com/u/soontosr)\
**Post date:** [September 26, 2020, 2:01pm UTC](https://forum.inductiveautomation.com/t/perspective-time-series-chart-how-to-change-color-of-line-chart/39093/1 "2020-09-26T14:01:03Z")

</div>

Time series chart , i add two tag in chart ,  
how to change differance color in chart  
as picture below

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/d/6daff1b6ce809099c084855d946a677db7bfc49f.png)

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [September 27, 2020, 11:18am UTC](https://forum.inductiveautomation.com/t/perspective-time-series-chart-how-to-change-color-of-line-chart/39093/2 "2020-09-27T11:18:30Z")

</div>

I think you need to set the style in the props.plots.trends.columns[x] object. The `key` field value needs to match the name of your series name, e.g. `temp`

[https://docs.inductiveautomation.com/display/DOC80/Perspective+-+Time+Series+Chart](https://docs.inductiveautomation.com/display/DOC80/Perspective+-+Time+Series+Chart)

---

<div class="post-metadata">

**Author:** ![soontosr](https://avatars.discourse-cdn.com/v4/letter/s/ed655f/32.png) [@soontosr](https://forum.inductiveautomation.com/u/soontosr)\
**Post date:** [September 29, 2020, 3:27am UTC](https://forum.inductiveautomation.com/t/perspective-time-series-chart-how-to-change-color-of-line-chart/39093/3 "2020-09-29T03:27:13Z")

</div>

Dear sir,

i need change color fo line graph in perspective dashboard like this.  
how to set parameter?

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/4/94e962141851fc515a2abb4dbd99ed1da44de665.png)

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [September 29, 2020, 3:50am UTC](https://forum.inductiveautomation.com/t/perspective-time-series-chart-how-to-change-color-of-line-chart/39093/4 "2020-09-29T03:50:53Z")

</div>

The simplest way is to set the colours in the `props.defaultStyles.colors`, e.g.:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/d/4df0fce36e27f8bad4ec006d78e739a6e309a654.png)

Alternatively, and more precisely, you can also set the colours, as I said in my previous post, in the `this.props.plots[x].trends[y].columns[z]` property. Using this method, you can specify what colour you want for each pen based on its pen name.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/5/4570abf211f961cce75bfb5bbb07197dd249872b.png)

---

<div class="post-metadata">

**Author:** ![soontosr](https://avatars.discourse-cdn.com/v4/letter/s/ed655f/32.png) [@soontosr](https://forum.inductiveautomation.com/u/soontosr)\
**Post date:** [September 29, 2020, 3:55am UTC](https://forum.inductiveautomation.com/t/perspective-time-series-chart-how-to-change-color-of-line-chart/39093/5 "2020-09-29T03:55:08Z")

</div>

thank you very much.

---

<div class="post-metadata">

**Author:** ![zacharyw.larson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zacharyw.larson/32/23749_2.png) [@zacharyw.larson](https://forum.inductiveautomation.com/u/zacharyw.larson)\
**Post date:** [January 6, 2022, 3:17pm UTC](https://forum.inductiveautomation.com/t/perspective-time-series-chart-how-to-change-color-of-line-chart/39093/7 "2022-01-06T15:17:01Z")

</div>

sorry I replied you  
Figured out my questions and thought this was a good place to have answers for the Time Series Chart questions I had.

I deleted columns on accident, is there an easy way to get it back?  
\*got it, added an array named columns that 0th of trend, and when I clicked on the plus it auto populated

Is there a way to change which name that is showing for the pen?  
\*got it, changed the alias in the tag historian binding, though renaming the tags anyway