Hi,
We are currently evaluating kendo UI charts, and here is our use case.
we need to display large number of points on line chart, for a date range selected.
We plan to use 2 charts on a page, one will be a selection/navigation chart (like this one: http://demos.telerik.com/kendo-ui/chart-api/selection) used to select date range. 2nd chart will be a line chart with multiple series. (screen cap attached)
Also we plan to have navigation options "<Next> Month, Week, Day <Prev>" so that user has an option to move/navigate through dates (without clicking/dragging the zipper on the navigation chart). During this we want the keep the navigation chart synchronized with Next/prev buttons navigation.
we could achieve this by setting:
navchart.options.categoryAxis.select.from
navchart.options.categoryAxis.select.to
But each time we need to do navchart.refresh() to reflect the changes.
This is causing some performance issues when the charts have more number of points (taking abt 5 to 6 seconds to redraw both charts for 3 series, each with 6000 points).
I noticed we can cut this time by half if I don't refresh the Selection/navigation chart (which really does not need to refresh, other than just moving the date selection zipper to keep both charts synchronized)
I have attached a screen shot of how our chart page looks like.
Please suggest on how to keep the Navigation/Selection chart synchronized without refreshing it each time.
Thanks very much!
Can you please suggest
We are currently evaluating kendo UI charts, and here is our use case.
we need to display large number of points on line chart, for a date range selected.
We plan to use 2 charts on a page, one will be a selection/navigation chart (like this one: http://demos.telerik.com/kendo-ui/chart-api/selection) used to select date range. 2nd chart will be a line chart with multiple series. (screen cap attached)
Also we plan to have navigation options "<Next> Month, Week, Day <Prev>" so that user has an option to move/navigate through dates (without clicking/dragging the zipper on the navigation chart). During this we want the keep the navigation chart synchronized with Next/prev buttons navigation.
we could achieve this by setting:
navchart.options.categoryAxis.select.from
navchart.options.categoryAxis.select.to
But each time we need to do navchart.refresh() to reflect the changes.
This is causing some performance issues when the charts have more number of points (taking abt 5 to 6 seconds to redraw both charts for 3 series, each with 6000 points).
I noticed we can cut this time by half if I don't refresh the Selection/navigation chart (which really does not need to refresh, other than just moving the date selection zipper to keep both charts synchronized)
I have attached a screen shot of how our chart page looks like.
Please suggest on how to keep the Navigation/Selection chart synchronized without refreshing it each time.
Thanks very much!
Can you please suggest