Mapping of chart data points and actual coordinates

[Srinivas]

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 

Questions:

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.

 

thanks,

Srinivas

 

[Viktor Tachev]

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:

https://docs.telerik.com/kendo-ui/knowledge-base/chart-add-trend-line

When showing scatter chart the approach will be similar:

https://dojo.telerik.com/EPUfINaQ

 

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:

https://docs.telerik.com/kendo-ui/controls/charts/elements/error-bars#setting-statistical-values

 

Regards,
Viktor Tachev
Progress Telerik