InfoChart - change column colour with CSS no longer working

[Former Member]

Hello,

I used to be able to change colours of individual bars in the old Chart component using the following CSS code:

.chart-style-1 g.v-m-main g.v-m-plot g.v-column:nth-child(1) .v-datapoint.v-morphable-datapoint {

fill: #aa005f;}

However, in InfoChart this feature is no longer working, and it's not possible to right-click on the chart to Inspect Element anymore. Can anyone please suggest an alternative solution?

[Former Member]

Vidhya, many thanks for this, yes I have seen this blog. Unfortunately it doesn't explain how to change colour of just one column within the same series. But thanks anyway.

[Vidhya]

Hi Lukas,

In Desgin Studio, Chart & InfoChart component are different .So CSS cannot be same.

Please check this blog,

https://blogs.sap.com/2015/11/27/introducing-info-charts-in-design-studio-16/

Regards,

Vidhya.C