Skip to Content

CSS to overwrite default Column Stacked Chart Bar, Pie-Chart color and legend colors

Apr 11, 2017 at 02:47 PM


avatar image

Hi Folks,

I have a scenario where i would need to overwrite the default color palette for below.

  • Pie-Chart
  • Pie-Chart legend
  • Column Stacked Chart

I found the below post very useful, but looks like i need to modify code as per Column Stacked and Pie-Chart

I'm using the below code

.my_chart_all_colors g.v-m-main g.v-m-plot g.v-axis1 .v-lines.v-morphable-line:nth-child(1) {Stroke: #5A0000;}

.my_chart_all_colors g.v-m-main g.v-m-plot g.v-axis1 .v-lines.v-morphable-line:nth-child(2) {Stroke: #008000;}

I came across DS-CSS classes directory link but that link is not live at the moment. Can anyone suggest active link for DS component css?

Highly appreciate your suggestions thanks

10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

1 Answer

Tammy Powlas
Apr 11, 2017 at 04:35 PM

Hi - the CSS is dependent on browser and component (e.g. Chart component or InfoChart)

Your best option is to find the CSS class yourself - see

Show 1 Share
10 |10000 characters needed characters left characters exceeded

Thanks Tammy.

I have been decoding the same on my end.

I am using InfoCharts instead of regular charts. Recently learned that SAP will discontinue standard charts in future.

I'm able to modify most of standards charts but info-charts are slightly different.