文章目录
- 常用方法
-
- 1. **开启 `roam` 属性**
- 2. **通过鼠标滚轮或手势缩放**
- 3. **设置初始缩放比例**
- 4. **通过按钮控制缩放**
- 5. **限制缩放范围**
- 6. **监听缩放和平移事件**
- 7. **结合 `dataZoom` 实现数据缩放**
- 总结
- 相关文章
在 ECharts 中,可以通过设置地图的
roam
属性以及相关事件监听来实现地图的放大、缩小功能。以下是实现地图放大缩小的常用方法:
常用方法
1. 开启 roam
属性
roam
是 ECharts 地图组件中的一个重要属性,用于控制地图是否支持平移和缩放操作。
roam: true
:同时开启平移和缩放功能。roam: 'scale'
:仅开启缩放功能。roam: 'move'
:仅开启平移功能。roam: false
:关闭平移和缩放功能(默认值)。
示例代码:
var chart = echarts.init<