Pan and Zoom option example for MVC

6 posts, 0 answers
  1. Piotr
    Piotr avatar
    5 posts
    Member since:
    Dec 2013

    Posted 10 Jan 2014 Link to this post

    Hello,

    I have line charts with multiple data (even more than 10.000 points). I see that Kendo UI supports pan and zoom option. Though I found only example code for Html http://demos.kendoui.com/dataviz/bar-charts/pan-and-zoom.html. Is there some kind of example code for MVC ?


    Best regards.


  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 14 Jan 2014 Link to this post

    Hi Piotr,

    Pan / Zoom are client events and you should use the same approach (like in the demo) for Kendo UI Chart for ASP.NET MVC. 

    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. UI for ASP.NET MVC is VS 2017 Ready
  4. Piotr
    Piotr avatar
    5 posts
    Member since:
    Dec 2013

    Posted 14 Feb 2014 Link to this post

    Regarding situations with large amounts of data I encountered a problem.

    I was trying to use DateTime as x-axis for my chart but as expected the web browser couldn't handle it.

    I also tried serializing the data but with numbers of type long the chart was kind of squeezing itself on x-axis.

    Do you have any propositions as to how this problem can be resolved ?

    I also attached a screen with my chart.

    Best regards.
  5. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 18 Feb 2014 Link to this post

    Hi Piotr,

    It appears for some reason the attachment didn't make it through - could you please zip and send it again? Also, is it possible to provide an isolated runnable example which demonstrates the issue and your current implementation - this way I would be able to debug it on my side and provide concrete recommendations. Thank you in advance for your time and cooperation.

    On a side note, we have a code library which demonstrates pan / zoom in Kendo UI Chart with date axis. Also if you have a large amount of data for date periods you may consider using Kendo UI Stock Chart which has built-in pan / zoom.
     
    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. Shaktii
    Shaktii avatar
    2 posts
    Member since:
    Sep 2014

    Posted 26 Sep 2014 Link to this post

    Can I have a update, is there any scroll bar type effect for chart in MVC, ( like in telerik Silverlight).
    When they zoom in,  a scroll bar at bottom of x-axis will appear which will navigate to all points which become hidden due to zoom.
    Please suggest.
  7. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 30 Sep 2014 Link to this post

    Hi Shaktii,

    This functionality is not supported by Kendo UI Chart at this point (the closest which we can suggest is the StockChart). A similar idea has been already submitted as a feature request at our UserVoice portal - if you wosh you may cast a vote, leave a comment or monitor the community's interest in it here. The more votes the suggestion collects, the higher priority will have when planning for a release.

    Regards,
    Iliana Nikolova
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
UI for ASP.NET MVC is VS 2017 Ready