Opacity for the chart

3 posts, 0 answers
  1. Nils C.
    Nils C. avatar
    41 posts
    Member since:
    Oct 2009

    Posted 17 Jul 2014 Link to this post

    Hi,

    we are using the Radhtml Chart with Series Type Area. In your demos, you got an opacity, so even areas which lay above each other are visible. i tried to apply opactity too, but it's not possible. 

    This is my code:

                   columnSeries = New AreaSeries
                    columnSeriesByRowName.Add(rowName, columnSeries)
                    columnSeries.Name = rowName
                    columnSeries.LineAppearance.LineStyle = HtmlChart.Enums.ExtendedLineStyle.Step
                    Dim colorVal = ColorTranslator.FromHtml(colors(numberOfSeries Mod 13))
                    columnSeries.Appearance.FillStyle.BackgroundColor = Color.FromArgb(50, colorVal)
                    columnSeries.LabelsAppearance.TextStyle.Color = Color.DarkGray

    What do i have to change?

    Thanks for advice.


  2. Nils C.
    Nils C. avatar
    41 posts
    Member since:
    Oct 2009

    Posted 17 Jul 2014 in reply to Nils C. Link to this post

    Found the solution myself:


    function pageLoad() {
        opacity();
    }


        function opacity() {
                var chart = $find("<%=RadHtmlChart1.ClientID%>");
             


                for (var i = 0; i <= chart._chartObject.options.series.length-1; i++) {
                    chart._chartObject.options.series[i].opacity = 0.3;
                }


                chart.repaint();


            }
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1494 posts

    Posted 17 Jul 2014 Link to this post

    Hi Nils,

    You may also find useful this feedback item that sheds more light on the matter.

    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