Kendo dataviz pan and zoom

4 posts, 1 answers
  1. Answer
    Sanjeev
    Sanjeev  avatar
    6 posts
    Member since:
    Feb 2013

    Posted 07 May 2013 Link to this post

    I have a bar chart which binds to a large data-source because of this the columns were not readable, so we decided to show only a part of the chart and the remaining data can be seen only on need basis by either by zooming or dragging the chart area,
    I know kendoChart latest version supports pan and zoom ,but i don't know how to implement for our case because our 
    json looks like this.

    [
    {
    item:name1,
    count:200
    },
    {
    item:name2,
    count:100
    },
    {
    item:name3,
    count:5000
    },
    {
    item:name4,
    count:500
    }
    ]

    The category axis is 'item' field and the y axis is the 'count' field I am using KendoChart .I want to  show only the first two items initially and the remaining two must be shown only by either dragging or zooming.

    In the examples which i come across for pan and zoom i could see the x-axis is usually a integer from 0 to 100, but in my case its a string(item) . so can you please provide me with an approach or a sample to achieve this.
  2. T. Tsonev
    Admin
    T. Tsonev avatar
    2831 posts

    Posted 09 May 2013 Link to this post

    Hi,

    You're correct in your understanding that categorical charts can't be scrolled by setting an axis range.

    One viable alternative is to filter the data source to the desired range. This requires assigning a sequential index to the data items.

    An example is available here: http://demos.kendoui.com/dataviz/bar-charts/pan-and-zoom.html

    I hope this helps.

    All the best,
    Tsvetomir Tsonev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Sanjeev
    Sanjeev  avatar
    6 posts
    Member since:
    Feb 2013

    Posted 10 May 2013 Link to this post

    hi ,
    Thanks for your reply !!

    We thought about it initially but implementation is,  process consuming since its a huge datasource , also we give the user the provision to view the charts as grid so then the additional entry in the data will become a column and it needs to be made hidden . Considering all these side effects that approach was ignored.
    But now it seems like we don't have an option.

    If this feature (charts scrolling by axis range) is currently in  your pipeline kindly let us know.

    Otherwise please consider implementing  it in the future since its a cool feature and it would definitely add great value to this already great product !!


  4. T. Tsonev
    Admin
    T. Tsonev avatar
    2831 posts

    Posted 10 May 2013 Link to this post

    Hi,

    We'll be revamping our scrolling implementation for the Q2 release. We will definitely target this scenario as part of the new implementation.

    Our ultimate goal is to make it into a simple on/off feature. Data source filtering (esp. server-side) will still be possible, but the basic implementation won't require it.

    Greetings,
    Tsvetomir Tsonev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top