• Joel Milgram
    March 31, 2017 at 12:03 pm #4079

    Good morning everyone,

    I have designed my first chart with Spark and it works fine!! I use IBM BPM on Cloud (8.5.7) + Spark UI Toolkit 4.3.1 EE

    Meet my chart: (see attachment)

    Now, I would like to change the color of the bars but without using transparent, primary, success, warning, error.

    The Yellow bar should be yellow, the Red: red, the Grey: grey 🙂

    Has anyone of you already done this?

    Many thanks in advance,


    Joël Milgram – IBM / Smarter Process
    Technical Sales & Solutions – Software France
    +33 6 45 74 96 40
    [email protected]


    SPARK Support
    March 31, 2017 at 12:19 pm #4081

    Hi Joel,

    The Bar Chart control sets the fill and stroke colors by access the c3 slices.  You should be able to drop a Custom HTML control on the Coach and add the following Style:

    fill: yellow !important;
    stroke: darkgoldenrod !important;
    fill: red !important;
    stroke: darkred !important;
    fill: grey !important;
    stroke: darkgrey !important;

    Also, if you want to adjust the size of the outline, you can add:

    stroke-width: 3px !important;


    Stephen P.

    Joel Milgram
    April 5, 2017 at 6:11 am #4093

    Hi Stephen,

    Many thanks for your solution, that’s exactly what I needed.

    I have a more difficult question tho…
    I’ve added drill-downs on my bar chart.  Do you think that it could be possible to change the set of colors of the bars depending on the depth?
    For example: the first level displays 3 bars (yellow, red, grey). Then I drill down on one of them to see the repartition by country and then I don’t want to have yellow red and grey but other colors.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

Start typing and press Enter to search