# Change sections of timeseries line to different colour - Apex Charts

**URL:** <https://forum.inductiveautomation.com/t/change-sections-of-timeseries-line-to-different-colour-apex-charts/93276>\
**Category:** Ignition\
**Created:** [July 16, 2024, 9:29am UTC](https://forum.inductiveautomation.com/t/change-sections-of-timeseries-line-to-different-colour-apex-charts/93276 "2024-07-16T09:29:03Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![liam1](https://avatars.discourse-cdn.com/v4/letter/l/e68b1a/32.png) [@liam1](https://forum.inductiveautomation.com/u/liam1)\
**Post date:** [July 16, 2024, 9:29am UTC](https://forum.inductiveautomation.com/t/change-sections-of-timeseries-line-to-different-colour-apex-charts/93276/1 "2024-07-16T09:29:03Z")

</div>

Hi all,

I'm trying to show a contact time (when values for a section of the line is valid) by changing the section of the line to a different color or line style (dashed lines).

Does anyone know how to do this in with apex charts in ignition?

@nader.chinichian do you perhaps know how to do this?

Below is an example of what I'm trying to achieve.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/c/ac35f5809fb5303e874fbb6a48ecadda15f503a1.png)

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [July 16, 2024, 9:44am UTC](https://forum.inductiveautomation.com/t/change-sections-of-timeseries-line-to-different-colour-apex-charts/93276/2 "2024-07-16T09:44:27Z")

</div>

As I know the APEX only support gradient colour for stroke colour so it is not possible to do this with Apex chart.

[https://apexcharts.com/javascript-chart-demos/line-charts/gradient/](https://apexcharts.com/javascript-chart-demos/line-charts/gradient/)

---

<div class="post-metadata">

**Author:** ![liam1](https://avatars.discourse-cdn.com/v4/letter/l/e68b1a/32.png) [@liam1](https://forum.inductiveautomation.com/u/liam1)\
**Post date:** [July 16, 2024, 10:53am UTC](https://forum.inductiveautomation.com/t/change-sections-of-timeseries-line-to-different-colour-apex-charts/93276/3 "2024-07-16T10:53:51Z")

</div>

You can kinda cheat by using two series of data where the second series uses null data to give the this look below.

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