"Scatter Area" Chart

8 posts, 0 answers
  1. Daniel
    Daniel avatar
    11 posts
    Member since:
    Mar 2012

    Posted 26 Aug 2014 Link to this post

    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!
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 28 Aug 2014 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Daniel
    Daniel avatar
    11 posts
    Member since:
    Mar 2012

    Posted 29 Aug 2014 in reply to Iliana Nikolova Link to this post

    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?
  5. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 02 Sep 2014 Link to this post

    Hi Daniel,

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

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  6. Daniel
    Daniel avatar
    11 posts
    Member since:
    Mar 2012

    Posted 02 Sep 2014 in reply to Iliana Nikolova Link to this post

    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.


  7. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 04 Sep 2014 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  8. Max
    Max avatar
    4 posts
    Member since:
    Nov 2013

    Posted 06 Jun Link to this post

    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... ?

  9. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 08 Jun Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready