plot lines or bands on scatter charts?

[John]

I would like to draw a line parallel to the X axis on a scatter chart at the average of the Y values.  I see plot bands listed for other types of charts, but nothing for scatter charts.  For run, I tried adding a plotBands config to the yAxis element of my scatterline chart, but nothing shows up.

Is there a plot line feature available for scatter charts?

I didn't see anything in the documentation:
http://demos.telerik.com/kendo-ui/scatter-charts/index

[Iliana Dyankova]

Hi John,

I tested the plotBands feature with Scatter Chart and everything is working as expected on my side. Could you please take a look at this dojo and let me know if I am missing something?

Regards,
Iliana Nikolova
Telerik

 

 

[John]

The example you gave works, thank you!

I think my problem was that if you don't specify the color, or you make the value range too narrow, nothing shows up.  I wanted a line and I wanted it to use an appropriate color to the theme (iOS or Android).

I was able to adjust my code to approximate a line by dividing the maximum value plotted by the chart height.  Unfortunately, this doesn't work completely because the Y axis extents adjust to the next round label value.  Is there a more elegant way to get a "line"?

Here's one of the charts I draw (the Y values vary by several orders of magnitude):
http://dojo.telerik.com/iFuWe

[Iliana Dyankova]

Hi John,

In my opinion the used approach with plotBands is OK. Could you please elaborate a bit more on the exact outcome you would like to achieve? 

Regards,
Iliana Nikolova
Telerik

 

 

[John]

I would like to draw a line at the average Y value (see the attachment).

The plot band feature marks out a region of Y values, but I want to draw a line of the same width as the primary "scatterline" line.  As you can see in the image, the line is fuzzy not precise like the graph line.  Also, its width varies because I have to estimate the Y value range that corresponds to the graphed thickness (and don't have the dimensions of the padding around the graph, etc).

[Iliana Dyankova]

Hi John,

I was thinking on this case and would suggest to add a second scatterLine series with equal values and hide its markers. For your convenience I prepared a basic example - please check it and let me know if this fits the current requirements.

Regards,
Iliana Nikolova
Telerik

 

 

[John]

Having trouble attaching files, here's another try...

[Iliana Dyankova]

Hi John,

Please check this example - it demonstrates how to achieve the illustrated outcome using the approach from my previous post.

Regards,
Iliana Nikolova
Telerik

 

 

[John]

Setting the X max value works, although it does mean I need to reproduce some of the logic of the normal axis scaling, since my X values also vary widely.

This is a sufficient work-around for now.  Thanks for all the help.

[Srinivas]

Hi Kendo Team,

My requirement is similar, but could not figure out how to do it.

My Requirement:

1. Scatter chart with some points

2. Draw a line for median (not necessarily horizontal)

3. Draw a line standard deviation (not necessarily horizontal)

 

is this possible?

[Srinivas]

example in the attached pic

[Alex Hajigeorgieva]

Hello, Srinivas,

The approach that my colleague Iliana has offered is still valid for non-horizontal lines.

You can take a look at this how-to add a trend line article and let us know in case you have further questions:

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

Kind Regards,
Alex Hajigeorgieva
Progress Telerik

[Srinivas]

Hello Alex,

Thank you for the reply. Actually I have created a new thread for my problem at 

https://www.telerik.com/forums/mapping-of-chart-data-points-and-actual-coordinates

could you please look at my problem there.

 

thanks,

Srinivas