Skip to Content

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

Nov 02, 2016 at 06:59 PM


avatar image
Former Member

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.


Supriya Das

10 |10000 characters needed characters left characters exceeded

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?

* Please Login or Register to Answer, Follow or Comment.

1 Answer

avatar image
Former Member Nov 02, 2016 at 08:20 PM

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

10 |10000 characters needed characters left characters exceeded