Как настроить навигатор для отображения только нескольких данных. Навигатор установлен в полный диапазон, но я хочу показать только два данных и оставшуюся часть данных, которые я хочу увидеть, прокручивая навигатор. Я добавляю js скрипку здесь: http://jsfiddle.net/9y91y3s9/
HTML:
<div ng-app="myapp">
<div ng-controller="myctrl">
<div class="row">
<highchart id="chart1" config="mtv" class="span10"></highchart>
</div>
</div>
</div>
<h3><a href="https://github.com/pablojim/highcharts-ng">See Highcharts-ng on github</a></h3>
JavaScript: (см. Https://github.com/pablojim/highcharts-ng)
var myapp = angular.module('myapp', ["highcharts-ng"]);
myapp.controller('myctrl', function($scope, $timeout) {
$scope.mtv = {
useHighStocks: true,
options: {
xAxis: {
type: "datetime",
plotLines: [],
},
title: {
text: 'fssfgdf'
},
rangeSelector: {
enabled: false
},
navigator: {
enabled: false,
},
scrollbar: {
enabled: true
},
},
series: [{
name: 'gddfdg',
data: [
[1435324350703, 1],
[1435324365737, 1],
[1435324395659, 1],
[1435324410674, 1]
],
marker: {
enabled: true,
radius: 3
},
}],
}
});
Установите xAxis.min
и xAxis.max
, например:
xAxis: {
min: 1435324395659,
max: 1435324410674,
type: "datetime",
plotLines: [],
}