Mapping of chart data points and actual coordinates

2 posts, 0 answers
  1. Srinivas
    Srinivas avatar
    6 posts
    Member since:
    Mar 2020

    Posted 19 May Link to this post

    hi Kendo UI team,

    here is the description of my problem.

    Requirement : I need to plot Trendline and Standard deviation lines on a Scatter Chart. 

    Problems : 

    I tried to achieve this using kendo.draw.Path to draw Trendline and SD lines

    But the problem is

    1. kendo.draw.Path considers whole canvas as the plottable area with top-left corner as origin (0,0)
    2. Scatter chart has origin at left-bottom with some margin based on axis labels
    3. I could not figure out the mapping between chart coordinates & path coordinates 


    1. How to get the boundaries of Chart Area in coordinates?
    2. How to get mapping between Charts data points and Path w.r.t. coordinates? i.e. the x,y coordinates of  the data (1023, 3250) is (150, 320)

    The data for Scatter Chart varies from decimal points to 1000s (on both the axes) based on the user selection. Hence knowing the mapping between the actual coordinates and the data points only solves the problem.





  2. Viktor Tachev
    Viktor Tachev avatar
    2470 posts

    Posted 21 May Link to this post

    Hello Srinivas,


    In order to show a trend line in a Kendo Chart you can include additional series that is showing the trend. The knowledge base article below illustrates the approach:

    When showing scatter chart the approach will be similar:


    As for showing standard deviation in the Chart. For that you can use the errorBars option and set the value for it to stddev. Check out the article below that illustrates the functionality:


    Viktor Tachev
    Progress Telerik

    Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
    Our thoughts here at Progress are with those affected by the outbreak.
Back to Top