echarts 使用缩放工具➕-y轴放大缩小

ECharts 提供了一些交互组件，包括缩放工具（toolbox）。通过在 toolbox 中配置 dataZoom 组件可以实现缩放功能。

下面是一个简单的例子，展示了如何在 y 轴上使用缩放工具放大缩小：

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  toolbox: {
    feature: {
      dataZoom: {
        yAxisIndex: 'none'
      },
      restore: {},
      saveAsImage: {}
    }
  },
  dataZoom: [{
    type: 'inside',
    start: 0,
    end: 100
  }, {
    start: 0,
    end: 100,
    handleIcon: 'M10.7,11.3c0,0.4,0.1,0.7,0.2,1c0.3,0.7,1,1.2,1.8,1.2c1.1,0,2-0.9,2-2c0-0.8-0.4-1.5-1.2-1.8c-0.3-0.1-0.6-0.2-1-0.2c-0.8,0-1.5,0.4-1.8,1.2c-0.1,0.3-0.2,0.6-0.2,1z m-2.7,0c0-0.4-0.1-0.7-0.2-1c-0.3-0.7-1-1.2-1.8-1.2c-1.1,0-2,0.9-2,2c0,0.8,0.4,1.5,1.2,1.8c0.3,0.1,0.6,0.2,1,0.2c0.8,0,1.5-0.4,1.8-1.2c0.1-0.3,0.2-0.6,0.2-1z m-2.7,0c0-0.4-0.1-0.7-0.2-1c-0.3-0.7-1-1.2-1.8-1.2c-1.1,0-2,0.9-2,2c0,0.8,0.4,1.5,1.2,1.8c0.3,0.1,0.6,0.2,1,0.2c0.8,0,1.5-0.4,1.8-1.2c0.1-0.3,0.2-0.6,0.2-1z',
    handleSize: '80%',
    handleStyle: {
      color: '#fff',
      shadowBlur: 3,
      shadowColor: 'rgba(0, 0, 0, 0.6)',
      shadowOffsetX: 2,
      shadowOffsetY: 2
    }
  }],
  series: [{
    data: [820, 932, 901, 934, 1290, 1330, 1320],
    type: 'line'
  }]
};

在该示例中，我们在 toolbox 中配置了 dataZoom 组件，并将 yAxisIndex 设置为 'none'，这样 dataZoom 只会对 x 轴进行缩放。然后，我们在 option 中添加了一个 dataZoom 组件，通过设置 start 和 end 属性来限制缩放的范围。最后，我们将 series 的类型设置为 'line'，并提供了一些示例数据。

缩放工具的使用方法还有很多，以上仅是一个简单的示例。如果你需要更详细的信息，请参阅 ECharts 文档中的 dataZoom 组件文档。