Skip to Content

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

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

Add comment
10|10000 characters needed 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?

  • Get RSS Feed

1 Answer

  • 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

    Add comment
    10|10000 characters needed characters exceeded