Highcharts 缩放时显示滚动条

Question

在 Highcharts 图表中使用 'x' 的缩放类型进行缩放，似乎只会裁剪给定坐标停止点之间的数据区域。有没有一种方法可以放大并通过滚动仍然显示所有数据？

{
  chart: {
    borderWidth: 0,
    zoomType: "x",
    scrollablePlotArea: {
      scrollPositionX: 1,
      minWidth: 1057
    }
  }
}

上面的fiddle设置最小宽度为1057px，而容器的最大宽度为800px。这会强制水平滚动条。如果放大数据，请注意可用的滚动区域没有改变。这意味着数据没有缩放，而是被裁剪和拉伸以填充该区域。

我知道有些事件我可以挂钩 - 重绘事件似乎是一个可能的候选者。也许我可以调整 minWidth 并取消裁剪缩放，或者是否有我缺少的配置可以做我想做的事？

Answer 1

最简单的解决方案是使用来自 Highstock 的 scrollbar 功能：

scrollbar: {
    enabled: true
}

现场演示： https://jsfiddle.net/BlackLabel/be5wvg9q/

Highcharts display scrollbar when zooming