高图-缩放xAxis并沿轴平移

Question

我在图表的x轴上显示的数据超过三年。

我希望用户能够通过单击显示“ 1个月”，“ 6个月”，“”的按钮来放大xAxis来更紧密地查看数据点（yAxis不需要更改）。可见图表区域中价值1年的数据点。

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

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

赞赏任何指针！

Answer 1

我建议您使用Highstock。您将能够创建具有所需其他功能的股票图表，或使用滚动条创建图表。

scrollbar: {
  enabled: true
}

实时演示：http://jsfiddle.net/BlackLabel/8L0aj1wt/

Answer 2

感谢Highstock的推荐@ewolden和@ppotaczek我可以看到它确实具有正确的功能，但是我设法通过在图表选项中添加以下内容（panning，panKey和pinchType）来解决了这个问题：

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