Set colors for charts

Emil Brolin

May 5, 2017 at 2:16 am #4295

Is it possible to somehow set the colors for each individual pie-slice, bar or line in the char CV’s?. I know that you can set the color scheme for the whole chart, but it would be nice to be able to supply a list or something to set the colors individually. I.E. if I have a pie chart where I want one peice to be green and the other one red.

SPARK Support

May 30, 2017 at 3:08 pm #4356

Hi Emil,

If you inspect the Pie Chart through the DOM Explorer, you should see the class c3-arc-<category name> applied to each slice.  For instance, I was able to change the fill color of my slice and legend for Category 3 using the following CSS dropped into a Custom HTML control:

<style>
.c3-arc-Category-3{
fill: darkblue !important;
}
.c3-legend-item-Category-3 > .c3-legend-item-tile{
fill: darkblue !important;
}
</style>

Regards,

Stephen P.