echart中自定义下载功能--on和dispatchAction两种事件触发

echart中的两种事件

ECharts 中的事件有两种，一种是鼠标事件(‘用on绑定，off解除事件’)，在鼠标点击某个图形上会触发，还有一种是 调用 dispatchAction 后触发的事件。每个 action 都会有对应的事件，具体见 action 和 events 的文档。

监听 finished 事件

myChart.on(‘finished’, function () {
// 在这里执行你的下载操作
// 例如，下载图表的数据或图像
downloadDataOrImage();
});

下载数据或图像的函数

function downloadDataOrImage() {  
    // 这里是下载操作的代码  
    // 你可以根据需求选择下载图表的数据或图像  
    // 例如，使用 a 标签模拟下载操作  
    var dataOrImage = myChart.getDataURL({  
        // 这里可以设置导出图片的配置  
        // 例如，设置图片类型、背景色等  
        type: 'png',  
        pixelRatio: 2,  
        backgroundColor: '#fff'  
	}); 

	var downloadLink = document.createElement('a');  
    downloadLink.href = dataOrImage;  
    downloadLink.download = 'chart.png'; // 设置下载文件的名称  
    document.body.appendChild(downloadLink);  
    downloadLink.click();  
    document.body.removeChild(downloadLink);  
}