"Live-Ticker" chart showing last(est) values

[Ricky]

Hi,

I am trying a very basic thing but cannot find the right option. I would like to have something like a "live-ticker" chart which shows the last(est) x values (just numbers). When I use a DataSource with my sparkline chart I can add records and togehter with categoryAxis.min=0 and categoryAxis.max=16 I get the first 16 values display but not the last 16 values. How can I achieve this?

There is a DataSource.remove but it requires to give a certain object. Is there an index-based remover? Is there a better approach?

Also to make it more advanced I would like not to hardcode the maximum number of values displayed but have it depend on the available space (if the chart is big enough for 100 values, lets show 100 - if smaller then fewer). I know if I make the chart bigger on-the-fly that additional values might not be there yet but that would be okay - the graph can fill with time.

This is like show a value every second.

Best regards,
Ricky

[Stefan]

Hello Ricky,

I can suggest using the total method of the DataSource to retrieve the number of records and use that value as max, then use that value minus 16 to retrieve min value:

http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#methods-total

In order to dynamically change the min and max values I can suggest two approaches:

1) use the setOptions method to set the new values:

http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#methods-setOptions

2) Set the new values to the Chart options and use the redraw method of the Chart to redraw it with the new options:

var chart = $("#chart").data("kendoChart");
chart.options.categoryAxis.max = currentMaxValue
chart.redraw();

http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#methods-redraw

As for the remove method, it can be used in combination with the at method of the dataSource which is using an index to retrieve the object:

http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#methods-at

http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#methods-remove

If additional assistance is needed, please send a runnable example, so I can investigate.

Regards,
Stefan
Telerik by Progress

[Ricky]

Could not continue working on this before today but your hints are appreciated, it is working now, thank you!