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

How do I fill an area defined by a ScatterPointSeries on a RadCartesianChart?

1 Answer 131 Views
ChartView
This is a migrated thread and some comments may be shown as answers.
Bradley
Top achievements
Rank 1
Bradley asked on 16 Aug 2016, 12:05 AM

I have a series of points that I am drawing on a RadCartesianChart.  These points form a shape that is significant in our application, and somewhat approximates an ellipse.  I need to draw a border (simply following the set of points) around it using simple lines, and then fill the area with shading or, preferably, a crosshatch patter.  Is this possible?  If so, can someone point me to some documentation and/or guide me through the process of making it happen?

Thanks!

Brad.

1 Answer, 1 is accepted

Sort by
0
Martin Ivanov
Telerik team
answered on 16 Aug 2016, 10:54 AM
Hi Brad,

Instead of ScatterPointSeries you can check if the RangeSeries will work for your scenario. The series work with range data - each data point has a category, high and low values. So, you can use it to define the area between the data points. You can use its Stroke and StrokeThicknes properties to set the border of the area (the lines between the data points). However, the RangeSeries is a categorical series and you will need to plot with a categorical axis. 

If you insist using scatter series you will need to implement custom logic that draws the area between the scatter points. For example, you can use a custom annotation and based on the plotted data create a Path with the area and assign it as Content of the annotation. Another approach is to use a Canvas placed over the chart and draw the custom Path there.

Regards,
Martin
Telerik by Progress
Do you need help with upgrading your AJAX, WPF or WinForms project? Check the Telerik API Analyzer and share your thoughts.
Tags
ChartView
Asked by
Bradley
Top achievements
Rank 1
Answers by
Martin Ivanov
Telerik team
Share this question
or