# Apex Chart - change color between curves

**URL:** <https://forum.inductiveautomation.com/t/apex-chart-change-color-between-curves/82138>\
**Category:** 3rd Party Modules\
**Tags:** ignition81, perspective\
**Created:** [November 20, 2023, 3:57pm UTC](https://forum.inductiveautomation.com/t/apex-chart-change-color-between-curves/82138 "2023-11-20T15:57:41Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![flavien](https://avatars.discourse-cdn.com/v4/letter/f/f475e1/32.png) [@flavien](https://forum.inductiveautomation.com/u/flavien)\
**Post date:** [November 20, 2023, 3:57pm UTC](https://forum.inductiveautomation.com/t/apex-chart-change-color-between-curves/82138/1 "2023-11-20T15:57:41Z")

</div>

Hi,

I would like to color dynamically area between two curves. If blue curve is under the red curve --\> green.  
If blue curve is above red curve --\> red

Is it possible with ApexChart ?  
An exemple below :

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

Thanks

---

<div class="post-metadata">

**Author:** ![federico\_fabiancic](https://avatars.discourse-cdn.com/v4/letter/f/90ced4/32.png) [@federico\_fabiancic](https://forum.inductiveautomation.com/u/federico_fabiancic)\
**Post date:** [May 4, 2026, 2:58pm UTC](https://forum.inductiveautomation.com/t/apex-chart-change-color-between-curves/82138/2 "2026-05-04T14:58:14Z")

</div>

Were you able to do this? I would like to do something similar using area in a ApexChart

---

<div class="post-metadata">

**Author:** ![flavien](https://avatars.discourse-cdn.com/v4/letter/f/f475e1/32.png) [@flavien](https://forum.inductiveautomation.com/u/flavien)\
**Post date:** [May 4, 2026, 3:10pm UTC](https://forum.inductiveautomation.com/t/apex-chart-change-color-between-curves/82138/3 "2026-05-04T15:10:38Z")

</div>

Hi,

Not yet

---

<div class="post-metadata">

**Author:** ![bmusson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bmusson/32/87530_2.png) [@bmusson](https://forum.inductiveautomation.com/u/bmusson)\
**Post date:** [May 4, 2026, 4:02pm UTC](https://forum.inductiveautomation.com/t/apex-chart-change-color-between-curves/82138/4 "2026-05-04T16:02:01Z")

</div>

You can do this with a `rangeArea` chart:

> **[ApexCharts.js - JavaScript Charts for your website](https://apexcharts.com/react-chart-demos/range-area-charts/range-area-line-combo/)**
>
> ApexCharts.js is a modern JavaScript charting library to build interactive charts and visualizations with simple API.