echarts中用saveAsImage保存图片指定图片保存位置
时间: 2023-08-22 15:03:29 浏览: 275
Java+MySql图片数据保存与读取的具体实例
要在 echarts 中使用 `saveAsImage` 方法保存图片并指定保存位置,可以在调用该方法时传入一个配置对象,其中可以设置保存图片的名称、格式和保存路径。示例代码如下:
```javascript
myChart.on('click', function(params) {
// 点击事件触发保存图片
myChart.saveAsImage({
name: 'myChart',
type: 'png',
backgroundColor: '#fff',
pixelRatio: 2,
// 设置保存路径
// 如果不设置,保存在默认路径下
// 可以是相对路径或绝对路径
// 注意:需要在服务器环境下运行才能保存成功
// 本地运行将会报错:Uncaught (in promise) Error: Error occurred while saving image: Not Found
filePath: './images/'
});
});
```
在上面的代码中,我们为 `saveAsImage` 方法传入了一个配置对象,其中:
- `name`:保存图片的名称,默认为 `echarts`;
- `type`:保存图片的格式,默认为 `png`;
- `backgroundColor`:保存图片的背景色,默认为 echarts 的 `backgroundColor`;
- `pixelRatio`:保存图片的像素比,默认为 `1`;
- `filePath`:保存图片的路径,可以是相对路径或绝对路径,默认为 `undefined`,即保存在默认路径下。
需要注意的是,如果要在服务器环境下运行,才能成功保存图片到指定路径,如果在本地运行,将会报错。
阅读全文