decrease the opacity of the oval color

[suhashini]

Hi,
     

It is possible to decrease the opacity of the oval color so that some degree of
transparency is maintained even when there are many overlapping ovals? In the
center area of the screenshot below, it’s not possible to see distinct ovals
because the overlapping reaches full opacity very quickly.

[Danail Vasilev]

Hi Suhashini,

This feature is not supported out of the box. However what I suggest is that you use the alpha channel i.e. set the appropriate color, here is an example:

RadChart1.PlotArea.Appearance.FillStyle.MainColor = Color.FromArgb(127, 255, 0, 0);

where 127 stands for semi-transparent (in the range of 0-255), and the next arguments are red, green and blue. You can find a full runnable VS example on this approach below:

ASPX:

<telerik:RadChart ID="RadChart1" runat="server" Height="400px" Width="600px">
    <Series>
        <telerik:ChartSeries Type="Bubble" Name="Series 1">
            <Items>
                <telerik:ChartSeriesItem YValue="30" YValue2="20" XValue="1" XValue2="20">
                </telerik:ChartSeriesItem>
                <telerik:ChartSeriesItem YValue="10" YValue2="30" XValue="5" XValue2="4">
                </telerik:ChartSeriesItem>
                <telerik:ChartSeriesItem YValue="20" YValue2="20" XValue="10" XValue2="10">
                </telerik:ChartSeriesItem>
            </Items>
        </telerik:ChartSeries>
    </Series>
</telerik:RadChart>

C#:

protected void Page_Load(object sender, EventArgs e)
{
    RadChart1.Series[0].Items[0].Appearance.FillStyle.MainColor = Color.FromArgb(50, 111, 22, 222);
    RadChart1.Series[0].Items[1].Appearance.FillStyle.MainColor = Color.FromArgb(90, 111, 22, 222);
    RadChart1.Series[0].Items[2].Appearance.FillStyle.MainColor = Color.FromArgb(120, 111, 22, 222);
}

Regards,
Danail Vasilev
Telerik

 

 

[suhashini]

thanks,
             how to use SecondColorOpacity in programming?

[Danail Vasilev]

Hello Suhashini,

You can use the SecondColor property. For example:

RadChart1.Series[0].Items[0].Appearance.FillStyle.SecondColor = Color.FromArgb(50, 11, 222, 11);

Regards,
Danail Vasilev
Telerik