Highcharts支持两种方式缩放，缩放（zoom）和平移（panning）， 并且是完美支持移动端手势操作的 。

只需要简单设置 zoomType 即可实现图表缩放，例如：

其中 zoomType 取值为 、y、xy 中的一个，分别表示图表可以沿 x 轴，y轴，xy轴放大，也就是水平、竖直、平面放大。zoomType 默认值是 None，即无方法功能。

和重置缩放比例按钮先关的配置有三个：

• resetZoomButton：按钮相关配置，详见
• lang.resetZoomTitle：按钮标题,详见API文档
  

selectionMarkerFill 为选中时区域的背景填充，值为颜色（支持颜色代码、十六进制、rgb、rgba形式）.

$("#container").highcharts({
    events: {
      selection: function(e) {
    }
  }
});

缩放事件的一些应用，例如需要在新的图表里展现当前选中的范围曲线，而不是放大操作，这时候就需要用到这个事件函数了。

在线试一试

二、平移（panning）

图表缩放后，我们还可以进行平移操作（Highstock 默认就是平移操作）。默认情况下，highcharts 是没有开启平移功能的，这个下面几个参数相关

• panning：是否开启平移功能，highcharts 默认是 false，highstock 默认为 true
• ：同 zoomType，用于移动端手势操作缩放方向。
  在线试一试、