echarts导出图片

ECharts是一个强大的数据可视化库，它允许用户创建各种图表并将其嵌入网页中。若想将ECharts生成的图表导出为图片，可以按照以下步骤操作：

1. 首先，在初始化ECharts实例时设置`export`选项，例如：

   var chart = echarts.init(document.getElementById('main'), 'default', {
       exportConfig: {
           filename: 'chart_name', // 图片文件名
           type: 'image/jpeg', // 可选的图片类型，如'image/png', 'image/jpeg'
           pixelRatio: window.devicePixelRatio,
           // 其他导出配置项，如width, height等
       }
   });

2. 创建完图表后，你可以使用`echarts.export()`函数来导出图片：

   chart.export({
       fileName: 'your_filename.png', // 这里替换为自定义的文件名
   });

3. 如果需要在用户点击某个按钮或事件触发时才导出，可以绑定相应的事件处理程序：

document.getElementById('export-button').addEventListener('click', function() {
   chart.export({
       fileName: 'exported_image_' + new Date().getTime() + '.png',
   });
});