How to get shadow effect/ auto opacity change in AreaSeries chart

3 posts, 0 answers
  1. Suresh
    Suresh avatar
    5 posts
    Member since:
    Jun 2012

    Posted 03 Aug 2012 Link to this post


    I created an Area chart with our own palette colors. Now if one series data point went under the other series data points. I couldn't see the shadow kind of effect under the higher values series.

    But If I use the default pallet , I am seeing that shadow effect by automatic change in Opacity. How  to achieve the same thing with our own palette colors?

    Attached the screen shot for more clarity. First one is the one with default palette. Second one is with our own palette colors.



  2. Georgi
    Georgi avatar
    296 posts

    Posted 07 Aug 2012 Link to this post

    Hi Suresh,

    Thank you for contacting us.

    You may simply specify Opacity to your custom colors - that is the way our default palette is implemented. There is no additional logic for auto-opacity change/update.

    I hope this helps. Let me know if I can assist you in some other way.

    Kind regards,
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  3. Simon
    Simon avatar
    1 posts
    Member since:
    Sep 2017

    Posted 09 Oct Link to this post


    I am creating Area Chart using AreaSeries and I wanna display border shadows

    By the way, I can see BorderTopShadowColor, BorderLeftShadowColor, ... properties.. Are these ones be able to be used to draw shadow bordered chart?

    I am attaching my code here.. but this does not work at all.

     AreaSeries areaSeries = new AreaSeries();
                areaSeries.Spline = true;
                areaSeries.CategoryMember = "Category";
                areaSeries.ValueMember = "Value";
                areaSeries.DataSource = model.Data2;
                areaSeries.PointSize = new SizeF(1, 1);
                areaSeries.BorderColor = Color.FromArgb(30, 136, 229);
                areaSeries.BackColor = Color.FromArgb(120, Color.FromArgb(30, 136, 229));

                areaSeries.BorderBoxStyle = BorderBoxStyle.FourBorders;

                areaSeries.BorderTopShadowColor = Color.Black;
                areaSeries.BorderLeftShadowColor = Color.Black;
                areaSeries.BorderRightShadowColor = Color.Black;
                areaSeries.BorderBottomShadowColor = Color.Black;
                areaSeries.BorderTopWidth = 10;
                areaSeries.BorderRightWidth = 10;
                areaSeries.BorderBottomWidth = 10;
                areaSeries.BorderLeftWidth = 10;
                areaSeries.BorderDrawMode = BorderDrawModes.HorizontalOverVertical;


    Please help me.



Back to Top