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

Scrolling a multi-axis line chart with static value axis

2 Answers 121 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Alex
Top achievements
Rank 1
Alex asked on 12 Sep 2012, 02:33 PM
Hello, 

we have a line chart similar to the Multi-axis line chart example in your demos (columns and a line) with two valueAxis. Everything works fine, but our data is too large and the multi-axis line chart consists of hundreds of columns.
The first of the two value axes should be placed at the beginning of the chart and the second at the end of it, and the problem comes here.When there are hundreds of columns in the chart, and the user scrolls the chart, the ValueAxis are scrolling too, and he/she should scroll to the end of the chart to see the valueAxis.Is there a way to scroll only the categoryAxis, but the two value axes to be static on the page?

2 Answers, 1 is accepted

Sort by
0
T. Tsonev
Telerik team
answered on 14 Sep 2012, 07:19 AM
Hi,

Built-in scrolling is not yet supported. It is possible to approximate it by filtering the chart data source.

var ds =  new kendo.data.DataSource({
    data: ...
});

$("#chart").kendoChart({
    dataSource: ds,
    ...
});

ds.filter([
     { field: "date", operator: "gte", value: startDate },
     { field: "date", operator: "lte", value: endDate }
]);

Filtering the data source will automatically rebind the chart. See the Data Source API reference for more information.

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!
0
Alex
Top achievements
Rank 1
answered on 27 Sep 2012, 08:54 AM
Sorry, I cant get your idea. Can you please show a jsFiddle example?

Thank you
Tags
Charts
Asked by
Alex
Top achievements
Rank 1
Answers by
T. Tsonev
Telerik team
Alex
Top achievements
Rank 1
Share this question
or