This is a migrated thread and some comments may be shown as answers.

[Solved] Shaded area between two LineSeries

1 Answer 50 Views
Chart for XAML
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
david mcintyre
Top achievements
Rank 1
david mcintyre asked on 30 Jan 2014, 09:56 PM
I am trying to figure out how to shade the area between 2 line series.  Visually, the shaded area would look like a Bollinger band indicator, but in my case the upper and lower bound of the shaded area need their own independent data series.  I've been able to partially accomplish this by overlaying two ScatterSplineAreaSeries (the chart has a white BG, and the upper area series has a dark BG, and the lower has white BG) but the problem is that the lower series also hides the gridlines.  Is there any way to do this?  Screenshot of this is attached. 

1 Answer, 1 is accepted

Sort by
0
Rosy Topchiyska
Telerik team
answered on 04 Feb 2014, 09:54 AM
Hi David,

Thank you for the question.

Unfortunately, the current version of the RadChart control does not support such functionality.

There is a possible solution if you use categorical stacked series and custom palette with transparent color for the lower series. In this case you have to calculate new values for the upper series in order to be positioned properly(take into account the values of the lower series). 

I hope this gives you some ideas. Please, let us know if there is anything else we can assist you with.

Regards,
Rositsa Topchiyska
Telerik

Check out the new Telerik Platform - the only modular platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native apps. Register for the free online keynote and webinar to learn more about the Platform on Wednesday, February 12, 2014 at 11:00 a.m. ET (8:00 a.m. PT).

Tags
Chart for XAML
Asked by
david mcintyre
Top achievements
Rank 1
Answers by
Rosy Topchiyska
Telerik team
Share this question
or