echarts树形图等比缩放
时间: 2023-07-08 16:47:13 浏览: 229
等比缩放图片
4星 · 用户满意度95%
可以通过 `option` 中的 `roam` 属性来设置树形图的缩放效果,具体的配置可以参考下面的示例代码:
```javascript
option = {
series: [
{
type: 'tree',
data: [/* 树形数据 */],
roam: true, // 开启缩放效果
label: {
show: true,
position: 'top',
formatter: '{b}'
},
leaves: {
label: {
show: true,
position: 'bottom',
formatter: '{b}'
}
},
expandAndCollapse: true,
animationDuration: 550,
animationDurationUpdate: 750
}
]
};
```
上述代码中 `roam` 属性被设置为 `true`,表示开启缩放效果。此外,还可以通过调整 `animationDuration` 和 `animationDurationUpdate` 属性来控制缩放的动画效果。
阅读全文