# Time Series Chart Multiple Colors for Single Line

**URL:** <https://forum.inductiveautomation.com/t/time-series-chart-multiple-colors-for-single-line/85885>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [February 17, 2024, 2:46pm UTC](https://forum.inductiveautomation.com/t/time-series-chart-multiple-colors-for-single-line/85885 "2024-02-17T14:46:38Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Cory\_Lambert](https://avatars.discourse-cdn.com/v4/letter/c/9fc29f/32.png) [@Cory\_Lambert](https://forum.inductiveautomation.com/u/Cory_Lambert)\
**Post date:** [February 17, 2024, 2:46pm UTC](https://forum.inductiveautomation.com/t/time-series-chart-multiple-colors-for-single-line/85885/1 "2024-02-17T14:46:38Z")

</div>

I'm looking to bind a tag value to line color of a column in the chart, BUT I need the color to not update as the value changes.

For example, let's say I add a transform that that sets the color to green when value range is [10,12] and red otherwise.

The problem I have now is that when the value is less than 10 or more than 12, the whole line turns red. I only want the portions of the line to be red during the times when outside of the numeric range.

To summarize, I need multiple colors on a single line on the chart.

Thanks.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [February 17, 2024, 3:25pm UTC](https://forum.inductiveautomation.com/t/time-series-chart-multiple-colors-for-single-line/85885/2 "2024-02-17T15:25:39Z")

</div>

Take a screengrab of what you've got, highlight the problem and mark up what you want. `picture >> words`.

If you haven't got a suitable program then for Windows I recommend Greenshot.

> **[Greenshot](https://getgreenshot.org/)**
>
> Greenshot - a free screenshot tool optimized for productivity

---

<div class="post-metadata">

**Author:** ![Cory\_Lambert](https://avatars.discourse-cdn.com/v4/letter/c/9fc29f/32.png) [@Cory\_Lambert](https://forum.inductiveautomation.com/u/Cory_Lambert)\
**Post date:** [February 17, 2024, 3:43pm UTC](https://forum.inductiveautomation.com/t/time-series-chart-multiple-colors-for-single-line/85885/3 "2024-02-17T15:43:18Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/1/91ad6b80ec8582114b10191edbddd5008fe84930.png)  
In this example, want the purple line to be red but only during the times when the value is let's say greater than 11.83 or less than 11.82

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [February 17, 2024, 3:59pm UTC](https://forum.inductiveautomation.com/t/time-series-chart-multiple-colors-for-single-line/85885/4 "2024-02-17T15:59:05Z")

</div>

I don't think that's possible with the Time Series Chart component on a single trend.

I recommend that you plot the control limits as separate plots. You just need two points for each - the leftmost and rightmost timestamps and limit value.

---

<div class="post-metadata">

**Author:** ![Cory\_Lambert](https://avatars.discourse-cdn.com/v4/letter/c/9fc29f/32.png) [@Cory\_Lambert](https://forum.inductiveautomation.com/u/Cory_Lambert)\
**Post date:** [February 17, 2024, 4:02pm UTC](https://forum.inductiveautomation.com/t/time-series-chart-multiple-colors-for-single-line/85885/5 "2024-02-17T16:02:18Z")

</div>

Ok. Thanks for looking into it. I'm new to Ignition, and learning as I go, so when I really get stuck, I lean on the forums.