How we can make single pane has a common x axis and multiple y axis.

3 posts, 0 answers
  1. Nageswara
    Nageswara avatar
    3 posts
    Member since:
    Nov 2017

    Posted 06 Dec 2017 Link to this post

    Example:

    Single pane has following things:-

    Common x axis/category Axis = Date field

    Multiple Y axis/value Axes = currency field

    Here Y axis/value Axes should be load based on the country/city along with name of the country/city name should be visible besides of the currency filed.

    Advance thanks for your help.

    Thanks,

    Raju

     

  2. Nageswara
    Nageswara avatar
    3 posts
    Member since:
    Nov 2017

    Posted 06 Dec 2017 in reply to Nageswara Link to this post

    How to display country name on chart  and please find attached zip code for that.

    Thanks,

    Raju

  3. Stefan
    Admin
    Stefan avatar
    1961 posts

    Posted 07 Dec 2017 Link to this post

    Hello, Nageswara,

    Thank you for the example.

    Setting multiple value axis is supported out of the box from the Kendo UI Charts. 

    Please check the following example demonstrating this. Note that each of the series has a unique name which is set through the series.name attribute. You can also populate the categoryAxis.axisCrossingValue array to specify the alignment of the value axes.

    http://dojo.telerik.com/aQere

    https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-series.name

    https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-valueAxis.name

    https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-categoryAxis.axisCrossingValue

    I hope this is helpful.

    Regards,
    Stefan
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top