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.
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.