0

在 Highcharts 图表中使用 zoomType 为“x”进行缩放，似乎只裁剪给定坐标停靠点之间的数据区域。有没有办法放大并且仍然可以通过滚动获得所有数据？

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

https://jsfiddle.net/OysteinAmundsen/4x7yzu68/3/

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

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

4

1 回答 1

1

最简单的解决方案是使用scrollbarHighstock 的功能：

scrollbar: {
    enabled: true
}

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

API 参考： https ://api.highcharts.com/highstock/scrollbar

于 2019-09-19T09:47:46.213 回答