Scrolling a multi-axis line chart with static value axis

3 posts, 0 answers
  1. Alex
    Alex avatar
    6 posts
    Member since:
    Aug 2012

    Posted 12 Sep 2012 Link to this post

    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. T. Tsonev
    Admin
    T. Tsonev avatar
    2815 posts

    Posted 14 Sep 2012 Link to this post

    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!
  3. Alex
    Alex avatar
    6 posts
    Member since:
    Aug 2012

    Posted 27 Sep 2012 Link to this post

    Sorry, I cant get your idea. Can you please show a jsFiddle example?

    Thank you
Back to Top