如何在HighCharts中限制图表xAxis日期范围?

时间:2016-12-20 03:32:28

标签: javascript highcharts

我的HighCharts图表中的数据系列仅包含过去几天的日期,但图表的x轴和缩放栏显示的日期范围一直追溯到1970年。

如何限制显示的日期范围,以便它只能追溯到系列数据中的第一个日期?

实施例

enter image description here

HTML

<div id="chart_container" style="height: 500px></div>

的JavaScript

$(function () {
  var timestamps = [1481000484000,1481108510000,1481215541000,1481316568000,1481417583000];
  var series_raw_data = [100,300,750,400,200];

  // prepare data
  var points = [[],[]];
  for (var i = 0; i < timestamps.length; i++) {
    points.push([timestamps[i], series_raw_data[i]]);
  }

  // create chart
  $('#chart_container').highcharts('StockChart', {
    series: [{
      data: points
    }]
  });
});

此处显示行为的Fiddle1

我也试过设置xAxis&#39; min&#39;第一个时间戳的选项,并将轴类型设置为&#39; datetime&#39;,但那些没有帮助 - Fiddle2

1 个答案:

答案 0 :(得分:1)

它发生的原因是你的点阵。

如果事实上,填写后,它看起来像这样:

points = [ [], [], [x, y], [x, y]]

这两个空数组会产生不必要的行为。

修复初始数组并运行

var points = [];

示例:https://jsfiddle.net/hbwosk3o/3/