Highcharts - 缩放 xAxis 并沿轴平移

Highcharts - zoom xAxis and pan along axis

我有超过三年的数据沿图表的 x 轴显示。

我希望用户能够通过单击将显示“1 个月”、“6 个月”的按钮来放大 x 轴以更仔细地查看数据点（y 轴不需要更改） , 可见图表区域中价值“1 年”的数据点。

我可以使用 chart.xAxis[0].setExtremes(startDate, endDate) 实现此缩放，但我希望用户能够以指定的缩放级别沿 xAxis 滚动以查看可见图表一侧的数据区域和这个我无法解决。

我想问题是 setExtremes 将特定的起点和终点设置为可见区域，而我真正想做的是将视图限制在一个通用时间段内。

感谢任何指点！

我推荐你使用 Highstock。您将能够创建具有您需要的附加功能的股票图表或创建带有滚动条的图表。

scrollbar: {
  enabled: true
}

现场演示：http://jsfiddle.net/BlackLabel/8L0aj1wt/

感谢 Highstock 的推荐 @ewolden 和 @ppotaczek 我可以看到它确实具有正确的功能，但我设法通过将以下内容（平移、panKey 和 pinchType）添加到我的图表选项来解决它：

chart: {
      type: 'spline',
      panning: true,
      panKey: 'shift',
      pinchType: 'x',
}