Navigator 和 scroll 在 stock highcharts 中都表现不佳

Question

我要显示多行。当我第一次加载股票图表时，导航器和滚动条 window 的行为没问题。

演示 : https://stackblitz.com/edit/js-a8exhr?file=index.js

但是当我按下 1m, 1d, 1h 等选项时，它开始出现异常并且不会在导航器中绘制两条线。

目前我的设置是，

 series: seriesOptions,
  navigator: {
    series: [
      {
        data: seriesOptions[0].data,
      },
    ]

我试过了，

 series: seriesOptions,
  navigator: {
    series: seriesOptions
    ]

但它行为不端。

我希望它表现得像这样：https://www.highcharts.com/demo/stock/compare

注意：当我点击 1d, 1m 等选项时，我正在使用延迟加载功能。

Answer 1

chartOptions.js 文件中 navigator 和 series 的选项因合并而丢失。您可以在 plotOptions 中禁用 dataGrouping 并将 navigator 配置移动到一个地方。

  plotOptions: {
      series: {
          showInNavigator: true,
          dataGrouping: {
            enabled: false
        }
      }
  }

---

现场演示： https://stackblitz.com/edit/js-jjbgne?file=chartOptions.js,index.js