javascript - Highcharts 缩放时显示滚动条

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

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

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

我知道有些事件我可以关注 - 重画事件似乎是一个可能的候选者。也许我可以调整 minWidth 并取消裁剪缩放，或者我是否缺少一个配置来执行我想要的操作？

最佳答案

最简单的解决方案是使用 Highstock 的滚动条功能:

scrollbar: {
    enabled: true
}

<小时/>

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

API引用: https://api.highcharts.com/highstock/scrollbar

关于javascript - Highcharts 缩放时显示滚动条，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57999713/