|
|
echarts 设置saveasimage位置
309浏览 · 2023-07-07 17:43:08
要设置 ECharts 中保存图片的位置，可以使用 echarts.init() 方法创建图表实例，然后使用 setOption() 方法设置图表配置，最后使用 on() 方法监听 "click" 事件，当用户点击保存图片按钮时，调用 echarts.getInstanceByDom() 方法获取图表实例，再使用实例的方法 saveAsImage() 保存图片到指定位置。
以下是示例代码：
```javascript
// 初始化图表
var myChart = echarts.init(document.getElementById('myChart'));
// 设置图表配置
var option = {...};
myChart.setOption(option);
// 监听 click 事件
myChart.on('click', function(params) {
if (params.componentType === 'toolbox' && params.name === 'saveAsImage') {
// 保存图片到指定位置
var imgData = myChart.getDataURL({
pixelRatio: 2, // 图片质量
backgroundColor: '#fff' // 背景色
var link = document.createElement('a');
link.download = 'chart.png'; // 图片名称
link.