echarts的 toolbox中添加保存图片功能
时间: 2023-12-05 18:05:27 浏览: 154
保存图片
在ECharts Toolbox中添加保存图片功能,需要在toolbox.feature中添加一个名为"saveAsImage"的属性,如下所示:
```
toolbox: {
feature: {
saveAsImage: {}
}
}
```
然后在option中设置保存图片的配置,如下所示:
```
option = {
toolbox: {
feature: {
saveAsImage: {
pixelRatio: 2, //保存图片的分辨率倍数,默认是1
name: 'myChart', //保存图片的文件名,默认使用时间戳作为文件名
backgroundColor: '#fff', //保存图片的背景色,默认为透明
format: 'png', //保存图片的格式,支持png、jpeg、bmp、gif,默认为png
excludeComponents: ['toolbox'] //排除保存图片中的组件,默认为空,即全部保存
}
}
},
...
}
```
这样,当用户点击保存图片按钮时,会弹出保存图片的对话框,用户可以选择保存的文件名、格式、分辨率和背景色等配置,然后保存图片。
阅读全文