Overlay series on each other in chart type rangeColumn

6 posts, 0 answers
  1. Ciaran
    Ciaran avatar
    6 posts
    Member since:
    Apr 2014

    Posted 28 Apr Link to this post

    Hi,

    Is it possible to get series data to render on top of other series data (instead of beside) in the rangeColumn chart type?

    I've been trying to do this in the Kendo UI DOjo without success: http://dojo.telerik.com/ANiye

    This is the kind of result that I'm looking for: http://jsbin.com/wetatu/1/edit?js,output (this is functionality that highcharts supports).

    Thanks,

    Ciaran O'Neill

  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 02 May Link to this post

    Hi Ciaran,

    In order to achieve this outcome you should set series.spacing -1. For your convenience here is the updated dojo.

    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. Ciaran
    Ciaran avatar
    6 posts
    Member since:
    Apr 2014

    Posted 10 May in reply to Iliana Nikolova Link to this post

    Hi Iliana,

    Thanks for your response.

    Could you tell me if it's possible to customise the rangeColumn chart as in the attached screenshot? The attached was generated using the Telerik Silverlight RadCartesianChart.

    In this chart there are several series and each series has a "confidence level" series overlaid on it (this is the darker part of each series).

    Thanks in advance,

    Ciaran O'Neill

  5. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 12 May Link to this post

    Hi Ciaran,

    This outcome is not supported out-of-the-box by Kendo UI Chart. As a workaround I would suggest overlaying two series with different colors. Take a look at the 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. Ciaran
    Ciaran avatar
    6 posts
    Member since:
    Apr 2014

    Posted 13 May in reply to Iliana Nikolova Link to this post

    Hi Iliana,

    I was able to get the visual effect I was looking for by using different category axes. See the updated example:

    http://dojo.telerik.com/ENOHu

    Thanks,

    Ciaran

     

  7. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 16 May Link to this post

    Hi Ciaran,

    Thank you for the updated. Have a great day! 

    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