echarts图表如何导出到excel中

一、ECharts图表导出到Excel的基本步骤

1、使用ECharts的getDataURL方法获取图表的base64图片数据，代码如下：

let imgData = myChart.getDataURL();

2、将base64图片数据转换为Blob格式，代码如下：

let blob = dataURLtoBlob(imgData);

3、使用FileSaver.js将blob格式的数据保存为excel文件，代码如下：

saveAs(blob, 'echarts.xls');

二、ECharts图表导出到Excel的详细步骤

1、首先，需要在HTML文件中引入ECharts.js和FileSaver.js文件，代码如下：

<script src="echarts.js"></script>

<script src="FileSaver.js"></script>

2、然后，定义一个dataURLtoBlob方法，用于将base64图片数据转换为blob格式，代码如下：

function dataURLtoBlob(dataurl) {

let arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],

bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);

while (n--) {

u8arr[n] = bstr.charCodeAt(n);

}

return new Blob([u8arr], { type: mime });

}

3、接着，调用ECharts的getDataURL方法获取图表的base64图片数据，代码如下：

let imgData = myChart.getDataURL();

4、然后，调用dataURLtoBlob方法将base64图片数据转换为blob格式，代码如下：

let blob = dataURLtoBlob(imgData);

5、最后，调用FileSaver.js的saveAs方法将blob格式的数据保存为excel文件，代码如下：

saveAs(blob, 'echarts.xls');

三、总结

本文介绍了ECharts图表导出到Excel的基本步骤和详细步骤，其中基本步骤可以简单地将图表导出到Excel，而详细步骤可以更精确地控制图表的导出格式。另外，本文中提到的方法也可以用于导出其他格式的文件，只需要更改文件的后缀名即可。