文章目錄
- 常用方法
-
- 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<