stockchart, dynamic navigator settings

[Morten]

Using 2015.2.827 I have a stockchart that gets data ​from datasource with schema date: { type: "date" }, reportCount: { type: "number" }.

I would like to set the navigator.select.from and navigator.select.to based on datasource values. Specifically, I would like to set navigator.select.from to "datasource.data.max.addDays(-14)" and navigator.select.to to "datasource.data.max".

I would like to only have to read the datasource once.

Is this possible?

[Iliana Dyankova]

Hi Morten,

There is no public API for this requirement, you could dynamically set navigator selection using the following code snippet: 

var chart = $("#stock-chart").data("kendoStockChart");
chart._navigator.selection.set(new Date("2001/01/01"), new Date("2002/01/01"));

Regards,
Iliana Nikolova
Telerik

 

 

[Morten]

Thanks Iliana. The navigator gets set correctly, however, how do I make sure the main graph is in sync with navigator?

My chart: 

$("#raid-development").kendoStockChart({
    theme: "bootstrap",
    dataSource: raidDevDs,
    autoBind: false,
    dateField: "date",

Loading of data:

raidDevDs.fetch(function () {
    var dateAggre = raidDevDs.aggregates().date;
    var dateMax = dateAggre.max;
    var dateMin = DateTime.addDays(dateMax, -14);
    var chart = $("#raid-development").data("kendoStockChart");
    chart._navigator.selection.set(dateMin, dateMax);

 

 

 

[Iliana Dyankova]

Hi Morten,

I was thinking on this case and would suggest a bit different approach to achieve the expected result - change the navigator selection via the chart.options and redraw the StockChart:

// get a reference to the StockChart widget
var stockchart = $("#stock-chart").data("kendoStockChart");
// set navigator selection from
stockchart._navigator.options.select.from = new Date("2001/01/01");
// set navigator selection to
stockchart._navigator.options.select.to =  new Date("2002/01/01");
// redraw the chart
chart.redraw();

 

Regards,
Iliana Nikolova
Telerik