在放大时(使用缩放滚动条)隐藏图形

时间:2019-05-20 15:38:20

标签: javascript highcharts

我正在使用HighChart的股票图表。图表呈现正确。但是,仅在放大我的图形线时,它就会被隐藏。但是,当我移回到最后一个位置时,图形显示正确。

请指导我解决此问题。

提前谢谢!

1 个答案:

答案 0 :(得分:1)

您提供的数据数组未排序,如在Highcharts错误中看到的那样-https://www.highcharts.com/errors/15。因此,解决方案是对数据进行排序。查看下面发布的演示。

代码:

Highcharts.StockChart({
  chart: {
    renderTo: 'container1',
    zoomType: 'x'
  },
  xAxis: {
    type: 'datetime',
  },
  series: [{
    name: 'AAPL',
    data: [
      [1556881096000, 3],
      [1556881096000, 3],
      [1556881096000, 3],
      [1556881096000, 3],
      [1556880496000, 3],
      [1556880496000, 3],
      [1556880496000, 3],
      [1556880496000, 3],
      [1556879896000, 9],
      [1556879896000, 9]
    ].sort()
  }]
});

演示: