How to Change Area Chart Color in Design Studio? What are the css class to be used?

[former_member281456]

Hello All,

I need to change my area chart color based on some condition. I read through the contents in different blogs and I am able to do this for a column chart.

.chart-style-9 g.v-column g.v-datashape:nth-child(1) rect.v-datapoint.v-morphable-datapoint
{fill: rgb(105,184,214); !important; }

But I am not sure which classes to use while change the fill property of the area chart.

Thanks,

Supriya Das

[TammyPowlas]

Questions - are you using an area chart or a bar chart? Which component - an info chart or a standard chart component? Which version and SP of Design Studio?

[former_member281456]

Hi Tammy,

1. I am using area chart. What I meant that I am able to change column chart color but unable to do this on area chart. And I want to change the fill color of the area chart.

2. I am using normal chart.

3. Design Studio 1.6 SP2 Patch 1