# ApexCharts Legend Coloring

**URL:** <https://forum.inductiveautomation.com/t/apexcharts-legend-coloring/104922>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [April 9, 2025, 7:32pm UTC](https://forum.inductiveautomation.com/t/apexcharts-legend-coloring/104922 "2025-04-09T19:32:56Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![richhull](https://avatars.discourse-cdn.com/v4/letter/r/b19c9b/32.png) [@richhull](https://forum.inductiveautomation.com/u/richhull)\
**Post date:** [April 9, 2025, 7:32pm UTC](https://forum.inductiveautomation.com/t/apexcharts-legend-coloring/104922/1 "2025-04-09T19:32:56Z")

</div>

I originally had my legend working where I had a split color for one of the values. However, since I switched to the newer version 1.0.22, I have been un able to achieve the same results. I originally accomplished this using CSS, but now none of that works. I've tried both linear-gradient and conic-gradient CSS function which worked previously but not any more. Does anyone have any suggestions on how I could fix this?

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

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

Same code:

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