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

2 posts, 0 answers
  1. Bradley
    Bradley avatar
    4 posts
    Member since:
    Nov 2015

    Posted 15 Aug 2016 Link to this post

    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?



  2. Martin Ivanov
    Martin Ivanov avatar
    1446 posts

    Posted 16 Aug 2016 Link to this post

    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.

    Telerik by Progress
    Do you need help with upgrading your AJAX, WPF or WinForms project? Check the Telerik API Analyzer and share your thoughts.
Back to Top