# How to change series color in TimeSeries chart? **URL:** \ **Category:** Ignition\ **Tags:** perspective\ **Created:** [October 24, 2024, 6:58pm UTC](https://forum.inductiveautomation.com/t/how-to-change-series-color-in-timeseries-chart/97749 "2024-10-24T18:58:07Z")\ **Posts on this page:** 12\ **Page:** 1
**Author:** ![mdemaris](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mdemaris/32/54639_2.png) [@mdemaris](https://forum.inductiveautomation.com/u/mdemaris)\ **Post date:** [October 24, 2024, 6:58pm UTC](https://forum.inductiveautomation.com/t/how-to-change-series-color-in-timeseries-chart/97749/1 "2024-10-24T18:58:07Z")
I don't know why I can't seem to find how to change the colors for the series on a Time Series Chart... The docs don't seem to mention anything about it and I'm not seeing any threads (searching "timeseries") in the first few pages. Also, the docs don't say anything about what the `defaultStyles.color` prop does. Your help is appreciated! ---
**Author:** ![MMaynard](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mmaynard/32/3366_2.png) [@MMaynard](https://forum.inductiveautomation.com/u/MMaynard)\ **Post date:** [October 24, 2024, 7:44pm UTC](https://forum.inductiveautomation.com/t/how-to-change-series-color-in-timeseries-chart/97749/2 "2024-10-24T19:44:49Z")
Under Default styles, Colors, click Add Array Element Then you enter the color in the added element. Add an element for each series and set the colors. ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/8/c830429c38499f64e1c294b5db85f1df7bf1f61d.png) ---
**Author:** ![mdemaris](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mdemaris/32/54639_2.png) [@mdemaris](https://forum.inductiveautomation.com/u/mdemaris)\ **Post date:** [October 24, 2024, 7:50pm UTC](https://forum.inductiveautomation.com/t/how-to-change-series-color-in-timeseries-chart/97749/3 "2024-10-24T19:50:47Z")
So then how do I set the color of each series? the three I have on the graph all changed to the first color. ---
**Author:** ![MMaynard](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mmaynard/32/3366_2.png) [@MMaynard](https://forum.inductiveautomation.com/u/MMaynard)\ **Post date:** [October 24, 2024, 7:53pm UTC](https://forum.inductiveautomation.com/t/how-to-change-series-color-in-timeseries-chart/97749/4 "2024-10-24T19:53:42Z")
As I said, add another array element for each series. 0:#FF0000 1:#CCCCCC 2:#000000 etc ---
**Author:** ![mdemaris](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mdemaris/32/54639_2.png) [@mdemaris](https://forum.inductiveautomation.com/u/mdemaris)\ **Post date:** [October 24, 2024, 7:56pm UTC](https://forum.inductiveautomation.com/t/how-to-change-series-color-in-timeseries-chart/97749/5 "2024-10-24T19:56:05Z")
the series does not like additional elements: ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/c/8c87de8c5996dfd2549cf79dc47b13254b283bfb.png) Neither does trends. ---
**Author:** ![MMaynard](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mmaynard/32/3366_2.png) [@MMaynard](https://forum.inductiveautomation.com/u/MMaynard)\ **Post date:** [October 24, 2024, 7:58pm UTC](https://forum.inductiveautomation.com/t/how-to-change-series-color-in-timeseries-chart/97749/6 "2024-10-24T19:58:47Z")
It isn't under the series, it is under Default Styles on the chart. ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/0/b093caa2ca85a8da0b1edb8ed6b7f754f28794d0.png) ---
**Author:** ![mdemaris](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mdemaris/32/54639_2.png) [@mdemaris](https://forum.inductiveautomation.com/u/mdemaris)\ **Post date:** [October 24, 2024, 8:03pm UTC](https://forum.inductiveautomation.com/t/how-to-change-series-color-in-timeseries-chart/97749/7 "2024-10-24T20:03:48Z")
Yes, I got that. ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/e/0ef5147b1701e2fe4443b35010507d63da101dba.png) But all the lines on the graph changed to red. No blue or green. That's what I don't understand to do next. I tried adding a value and array element to `series` and `trends`, but that does not work. ---
**Author:** ![MMaynard](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mmaynard/32/3366_2.png) [@MMaynard](https://forum.inductiveautomation.com/u/MMaynard)\ **Post date:** [October 25, 2024, 11:53am UTC](https://forum.inductiveautomation.com/t/how-to-change-series-color-in-timeseries-chart/97749/8 "2024-10-25T11:53:11Z")
Can you share a screen shot of how you have the series setup? ---
**Author:** ![mdemaris](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mdemaris/32/54639_2.png) [@mdemaris](https://forum.inductiveautomation.com/u/mdemaris)\ **Post date:** [October 25, 2024, 4:30pm UTC](https://forum.inductiveautomation.com/t/how-to-change-series-color-in-timeseries-chart/97749/9 "2024-10-25T16:30:01Z")
Series: ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/a/fa308a85b5d3b10f0d03a382415c36feabaa597b.png) Plots: ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/7/a70ad9ed26471c06891c03445f91d3b4468968c7.png) Axes: ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/c/ec0e00cfe99c8c2a6e156a5d5e0081feee6d4edb.png) ---
**Author:** ![JeremyMills](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jeremymills/32/70121_2.png) [@JeremyMills](https://forum.inductiveautomation.com/u/JeremyMills)\ **Post date:** [February 5, 2025, 11:18pm UTC](https://forum.inductiveautomation.com/t/how-to-change-series-color-in-timeseries-chart/97749/10 "2025-02-05T23:18:51Z")
@mdemaris Did you find a resolution to this? I'm struggling with this as well. I have several series I need to display on one chart and I can't figure out how to set separate colors for each so that the chart is legible. ---
**Author:** ![mdemaris](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mdemaris/32/54639_2.png) [@mdemaris](https://forum.inductiveautomation.com/u/mdemaris)\ **Post date:** [February 14, 2025, 1:42am UTC](https://forum.inductiveautomation.com/t/how-to-change-series-color-in-timeseries-chart/97749/11 "2025-02-14T01:42:44Z")
Unfortunately, Jeremy, I have not. I jumped off this project for a while. ---
**Author:** ![avidesh.bissoon](https://avatars.discourse-cdn.com/v4/letter/a/b9e5f3/32.png) [@avidesh.bissoon](https://forum.inductiveautomation.com/u/avidesh.bissoon)\ **Post date:** [April 28, 2025, 9:22pm UTC](https://forum.inductiveautomation.com/t/how-to-change-series-color-in-timeseries-chart/97749/12 "2025-04-28T21:22:21Z")
I have similar setup, 2 series, and 1 plot that contains 2 trends. ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/8/f86adfea528f127ffd6838dbdd673c4e8698a59f.png) What I did to make this work was, in plots -\> 0 -\> trends -\> 0 -\> columns, add an object member, set my desired color and set the key name to match exactly that of the second column in my first series. ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/2/92be809da07b0dfd109013ba1d715f7461c53c0c.png)