Multiple Different X Axes in a Chart

4 posts, 1 answers
  1. Eric
    Eric avatar
    4 posts
    Member since:
    Jul 2014

    Posted 26 Nov 2014 Link to this post

    Hi,

    We're converting some charts into Kendo. One tricky situation I've run into is that this particular chart allows users to display more than one series with different time periods. However, the series will span the whole width of the chart.

    I've been able to create Kendo charts with multiple series, but it shows them in time order. I've attached screenshots of both. The screenshot with red and blue plot lines is the legacy chart, and the screenshot with orange and green lines is the new Kendo chart.


    Thanks,

    Eric
  2. Answer
    Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 28 Nov 2014 Link to this post

    Hi Eric,

    You can use different category axes for the series via series.categoryAxis option. For your convenience here is a basic 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!
     
  3. Eric
    Eric avatar
    4 posts
    Member since:
    Jul 2014

    Posted 01 Dec 2014 in reply to Iliana Nikolova Link to this post

    That answer was so helpful, thanks. I got my charts showing the different series with their own category axis.

    One thing I'm also hoping to do is to have each series span the complete width of the chart, even if they have different ranges of values. For example, if one series is seven days and the other is 30 days, they should both start at the left and end at the right.

    Does that make sense?


    Thanks
  4. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 03 Dec 2014 Link to this post

    Hi Eric,

    For this requirement you should set the categoryAxis.justified option to true.

    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