How to set opacity to background

[Petr]

I am not able to set opacity for the background of HTML Chart.

I tried to setup in page

<PlotArea>
        <Appearance>
          <FillStyle BackgroundColor="#32FFFFFF" />
        </Appearance>

or in code

PlotArea.Appearance.FillStyle.BackgroundColor = Color.FromArgb(50, 255, 255, 255);

But the alpha component is always ignored and I see only white background. Is it possible to define some other way?

Thank you,

Petr

[Vasko]

Hello Petr,

The HTML Chart control uses SVG elements in order to present the data. To adjust the opacity, you will need to use the fill-opacity CSS property: 

<style>
    .RadHtmlChart svg g {
        fill-opacity: .3; /* Adjust based on your preference */
    }
</style>

Hope this helps you out. 

Kind regards,
Vasko
Progress Telerik

[Petr]

It works fine for plot area, but it is affecting also the legend which I don't want. I modified to use exact child for my area and it looks this is working fine:

.RadHtmlChart svg > g:nth-child(2) > path:nth-child(2) {      
      fill-opacity: .3;
    }

Thanks for your help