echarts图标放大缩小可视化

ECharts是一个基于JavaScript的数据可视化库，它提供了丰富的图表类型，包括柱状图、折线图、饼图等。对于图表的放大和缩小功能，ECharts支持交互式的缩放和平移，通常通过`zoom`和`pan`这两个特性来实现：

1. **Zoom (缩放)**：可以设置数据区域的缩放级别，用户可以通过鼠标滚轮或者指定的手势来进行放大或缩小。你可以使用`setOption`方法中的`visualMap`配置项来管理缩放范围。

var visualMap = {
  show: true,
  type: 'continuous', // 或者 'piecewise'
  min: 0,
  max: 100,
  inRange: { color: ['#313695', '#4575b4', '#74add1', '#abd9e9', '#e0f3f8', '#ffffbf', '#fee0d2', '#fdd49e', '#fdbb84', '#fc8d59'] },
  dimension: 0 // 指定缩放的维度
};

option = {
  ...,
  visualMap: visualMap
};
echarts.setOption(option);

2. **Pan (平移)**：用户可以通过拖动图表来移动视窗显示的内容，ECharts会自动调整视口的中心位置。

使用`resize`事件和`dataZoom`组件可以更好地控制这个过程。当用户交互时，ECharts会实时响应并更新图表的展示效果。

**相关问题--:**
1. ECharts如何启用缩放和平移功能？
2. 如何自定义ECharts的视觉映射颜色渐变？
3. 如何在ECharts中禁用某部分区域的缩放？