Change Color Palette for Chart with CSS in Lumira Designer 2.0

[former_member528335]

I wanted to change the standard Color Palette for the component Chart using CSS in Lumira Designer 2.0, but I did not succeed.

I customized my colors for the Chart columns in the Chart properties, but with some user actions (for example, when switching a Chart Type), colors automatically change to a standard palette. So I want to change them.

Standard Color Pallete for component Chart: https://experience.sap.com/fiori-design-web/v1-34/values-and-names/

And how change color pallete for the component Chart - Type = Heat Map?

And my situation ( After clicking on the icons, the color becomes standard, and initially it was as above.

I read a lot of articles on color change in DS 1.6, looked at classes in CSS, but I could not change the colors (

I try:

1)

#INFOCHART_COMPCODE_control_container .v-datapoint-group>g:first-child>g:last-child rect{

fill:#d3d3d3!important;

}

2)

.colChart g.v-column g.v-datashape:nth-child(1) rect.v-datapoint.v-morphable-datapoint {fill: #41477E;}

.colChart g.v-column g.v-datashape:nth-child(2) rect.v-datapoint.v-morphable-datapoint {fill: #BAC7F3;}

.colChart g.v-column g.v-datashape:nth-child(3) rect.v-datapoint.v-morphable-datapoint {fill: #990000;}

.colChart g.v-legend-content g.v-row.ID_0 path {Fill:#41477E;stroke:black;stroke-width:1px;}

.colChart g.v-legend-content g.v-row.ID_1 path {Fill:#BAC7F3;stroke:black;stroke-width:1px;}

.colChart g.v-legend-content g.v-row.ID_2 path {Fill:#990000;stroke:black;stroke-width:1px;}

3) And string from CSS, and !important and more..

[former_member507923]

Hi Yulia,

since there hasn't been an answer yet: Did you find anything in the meantime? We are curious as well how this can be achieved.

Regards
Timo

[former_member528335]

Hi Timo,

No, we didn't find a solution to the problem and submitted an appeal to SAP. We wait.

Regards, Yulia

[former_member227362]

Hi Yulia,

You got any solution for the issue. I request to please update the thread if you have found the way of changing it.

Thanks,

Regards,

Arjun N

[hasba]

This is a main requirement, curious if a day SAP will deliver this 🙂

using Composites for Charts doesn't make any sense if the colours can be maintained to ensure corporate look!

i'm wondering why SAP is not able to enable this Option for Lumira designer whereas you can do it in Lumira Discovery!!!

they are using the same Chart engine.

[former_member386411]

Hi Guys,

i am struggeling with the same issue. As there is no way to change the standard palette, i changed the colors via CSS. Unfortunately the legend colors must be defined separatly. And as a result the order of the colors in the legend does not fit to the colors of my chart.

So if there will be an update please share.

BR,

Eva