or

timezone: "Etc/UTC"function createChart() { $("#chart").kendoStockChart({ tooltip: { visible: true, shared: true, background: "white", }, seriesDefaults: { type: "line", }, valueAxis: { name: "straight", visible: true, labels: { format: "{0}%" } }, navigator: { series: [{ type: "line", width: 1, missingValues: "interpolate", }], categoryAxis: { baseUnit: "yearly", majorTicks: { visible: "false", color: "white", }, minorTicks: { size: 3, }, } } }); }function addSeries(){ var chart = $("#chart").data("kendoStockChart"); var chartOptions = chart.options; chartOptions.series.length = 0; for( series in plotSeriesCollection){ var name = plotSeriesCollection[series].id; var data = []; for(obs in plotSeriesCollection[series].observations){ data.push(plotSeriesCollection[series].observations[obs].obsValue); } var timePeriod = []; for(time in plotSeriesCollection[series].observations){ timePeriod.push(plotSeriesCollection[series].observations[time].obsTime); } chartOptions.categoryAxis = {"categories": timePeriod, "labels": {"step": 60}, "baseUnit": "days", "crosshair": {"visible": true, "color": "silver"}, "type": "date", "majorTicks": {"visible": "false"}, "minorTicks": {"visible": "false"}}; chartOptions.series.push({"name": name, "color": "red", "axis": "straight", "data": data, "width": 1, "missingValues": "interpolate", "markers": {"visible": false}}); chartOptions.navigator.categoryAxis = {"categories": timePeriod, "labels": {"step": 60}, "baseUnit": "days", "crosshair": {"visible": true, "color": "silver"}, "type": "date", "majorTicks": {"visible": "false"}, "minorTicks": {"visible": "false"}}; chartOptions.navigator.series.push({ "name": name, axis: "_navigator", type: "area", "color": "red", "data": data }); } chart.redraw(); }