将Highcharts StockChart范围选择器调整为小于6个数据点

时间:2016-03-24 10:51:30

标签: javascript jquery highcharts

如何使用高品质范围选择器调整图表大小以选择少于6个点。 Here就是我所做的。您可以在那里查看,我们可以调整范围选择器但不能选择少于6个数据点。 是否有任何选项可以指定应选择的最小数据点数?

$(function() {
  $('#container').highcharts("StockChart", {

    title: {
      text: 'Monthly Average Temperature'
    },
    rangeSelector: {
      enabled: true
    },
    series: [{
      name: 'Tokyo',
      data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
    }]
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://code.highcharts.com/stock/highstock.js"></script>

<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

1 个答案:

答案 0 :(得分:2)

设置XAxis:minRange值,并以毫秒为单位给出一个值,例如一个月

xAxis: {
        minRange: 30 * 24 * 3600 * 1000
    }

查看6个数据点是因为这是默认值,请参阅this