This is a migrated thread and some comments may be shown as answers.

Kendo dataviz pan and zoom

3 Answers 81 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Sanjeev
Top achievements
Rank 1
Sanjeev asked on 07 May 2013, 08:50 AM
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.

3 Answers, 1 is accepted

Sort by
0
T. Tsonev
Telerik team
answered on 09 May 2013, 07:24 AM
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!
0
Sanjeev
Top achievements
Rank 1
answered on 10 May 2013, 09:19 AM
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 !!


0
T. Tsonev
Telerik team
answered on 10 May 2013, 01:58 PM
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!
Tags
Charts
Asked by
Sanjeev
Top achievements
Rank 1
Answers by
T. Tsonev
Telerik team
Sanjeev
Top achievements
Rank 1
Share this question
or