SAP Design Studio - Change color of measure bar in diagram

Hello dear community,

I have a little problem and hope somebody of you is able to help me.

I have a diagram where I show three different kind of measures:

When I click on the grey part of the bar (= measure "WSA >3-6 Monate"), the drilldown-level will be switched as follows:

Now the bars are green instead of grey. I need a way to switch the color of all bars in Screenshot 2 to grey.

Does somebody know how to change the color of bars in diagrams dynamically?

Thanks in advance.

Regards,

Vu

r7kao.png (23.8 kB)
btecx.png (110.1 kB)
Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Best Answer
    Jul 07, 2017 at 12:25 PM

    Hi Vu,

    If you are using an InfoChart then you can set the colour of all of the columns to the desired colour with CSS as follows:

    1) Create a custom CSS file for your application which includes the code:

    .chartAllColumns g.v-m-main g.v-m-plot g.v-plot-main g.v-datapoint-group .v-datapoint rect 
    {    
       fill: green;   
    }
    

    2) Execute the following code after drill-down to apply the colour change:

    INFOCHART_1.setCSSClass("chartAllColumns");
    

    Regards,

    Mustafa.

    Add comment
    10|10000 characters needed characters exceeded

  • Jul 06, 2017 at 10:59 AM

    Hi Vu- the "easiest" way is in Figure 9 here https://blogs.sap.com/2017/07/05/visual-bi-extensions-for-lumira-2.0/ - as this topic arises a lot

    If that does not work, please share if this chart is an InfoChart component or regular "Chart" component.

    Add comment
    10|10000 characters needed characters exceeded

    • Hi Tammy,

      I meant that I don't know how the Design Studio is implemented as a software as a service.

      I already told you that I'm using a Chart Component ^^

      Regards

      Vu

Skip to Content