Skip to Content

Stacked-chart: Change bar height does not work

Hello everbody,

I want to change the colour and the height of a bar (Chart type: Bar - 100% stacked).
When I use the following css code I can change the colour and the stroke-width. But setting the height of the bar does not work.
Any ideas, how I can change my css code to make this work, would be welcome.


.mycss svg > g.v-m-main > g.v-m-plot > g.v-datashapesgroup > g.v-stackedbar > g.v-axisGroup > g.v-datashape:first-child > rect.v-datapoint.v-morphable-datapoint
{
height: 50px; 
stroke-width: 10px; 
fill: white;
}

(I did get it to work with Chrome and a slightly different code, but not with IE or Firefox.)

Thanks a lot
Dominik

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • avatar image
    Former Member
    Aug 10, 2016 at 02:46 PM

    Hi Dominik,

    Do you succeed in setting the colour and height of the BAR chart? if so can you please provide me the css which will change the height?

    Regards,

    Mike

    Add comment
    10|10000 characters needed characters exceeded

    • Hi Mike,

      I was on a long holiday, so I couldn't reply earlier. No I didn't succeed in changing the height of the bar with css.

      I am not sure 100% anymore, but I think in the end I solved this by using 6 different charts. (For every bar I used a separate chart and than formatted it in a way that makes it look like one chart.)

      But I think that only works, if your graph is rather static.

      Best Regards

      Dominik