decrease the opacity of the oval color

Thread is closed for posting
4 posts, 1 answers
  1. suhashini
    suhashini avatar
    11 posts
    Member since:
    May 2014

    Posted 06 Jun 2014 Link to this post

    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.
  2. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1492 posts

    Posted 09 Jun 2014 Link to this post

    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
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. suhashini
    suhashini avatar
    11 posts
    Member since:
    May 2014

    Posted 09 Jun 2014 in reply to Danail Vasilev Link to this post

    thanks,
                 how to use SecondColorOpacity in programming?
  5. Answer
    Danail Vasilev
    Admin
    Danail Vasilev avatar
    1492 posts

    Posted 10 Jun 2014 Link to this post

    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
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top