"Scatter Area" Chart

[Daniel]

Good afternoon,

Recently I have had to create a chart with daily plotted points on a weekly x axis.  The way I went about this was using a scatterLine chart as with the following:

http://dojo.telerik.com/uGulI

I also have to create an area chart the same way, similar to a scatterLine with shading below the line.  I ran across this post from a few years ago, is it possible to roll this into an upcoming release?  This would be great, I'm sure others would want to see a daily chart with a weekly/monthly/yearly axis.

http://www.telerik.com/forums/shading-a-scatterline-chart#rrQk2nXu906c_chcElNROw

Thanks in advance for the help guys!

[Iliana Dyankova]

Hi Daniel,

Kendo UI DataViz suite does not contain Scatter Area Chart, however you can achieve a similar outcome using the following approach:
- Use area series;
- Define two category axes with different baseUnit;
- Hide the one of the category axes.
For your convenience here is a simple example which demonstrates the suggested approach in action.

Regards,
Iliana Nikolova
Telerik

 

 

[Daniel]

Iliana,

Thanks for your quick reply. Did you happen to notice that in the example you posted the x-axis tick marks and label don't seem to line up with the data plotted in the chart area? For example, the July 4th value of 850 is plotted towards the end of June. Any idea on how to resolve this issue?

[Iliana Dyankova]

Hi Daniel,

For this requirement you should set the categoryAxis.justified option to false (updated example). 

Regards,
Iliana Nikolova
Telerik

 

 

[Daniel]

Iliana,

Unfortunately, the data points still don't align with the x-axis tick marks. I've attached an annotated screen shot of the rendered example graph with some of the issues pointed out. Please let me know if you have any information on how to resolve these problems.

As a refresher, I'm trying to accomplish the same thing pointed out in the post at http://www.telerik.com/forums/shading-a-scatterline-chart#rrQk2nXu906c_chcElNROw which basically just asks if there's a way to fill the area under a scatter line chart.

Thanks again for all of your time and help.

[Iliana Dyankova]

Hi Daniel, 

Up to the requirements: 
- ...Please let me know if you have any information on how to resolve these problems....
In order to avoid this issue I would suggest to set the same min / max dates to the category axes (updated example);
- ... I'm trying to accomplish the same thing pointed out in the post ...
This requirement is currently not supported by Kendo UI Scatter Chart. We will appreciate if you submit this suggestion as a feature request at our UserVoice portal - this way the community would be able to evaluate it and we will rise its priority.

Regards,
Iliana Nikolova
Telerik

 

 

[Max]

Hi!

Any news about this "scatter area" chart? I need exactly the same feature as Daniel has described and showed in his attachment on 02 Sep 2014. I ran some tests with the Kendo Q1 2016 realease, but still can't achieve this.

Daniel, have you found any way to do that? or some workaround... ?

[Iliana Dyankova]

Hi Max,

Currently there is no Kendo UI functionality for scatter area series. Actually this idea has been already submitted as a feature request - you may cast a vote, leave a comment or monitor the community's interest in it here.

Regards,
Iliana Nikolova
Telerik