{site_name}

{site_name}

🌜 搜索

ECharts toolbox 是一组可用于图表操作和数据分析的工具,其中之一是导出图片的功能

前端 𝄐 0
echart图表怎么导出,echarts导出png,echarts导出word,echarts导出数据,echarts怎么导出动图,echarts导出gif
ECharts toolbox 是一组可用于图表操作和数据分析的工具,其中之一是导出图片的功能。通过配置 ECharts toolbox 中的 saveAsImage 按钮,用户可以将当前 ECharts 图表保存为 PNG 或 JPEG 格式的图片文件。

下面是一个例子,演示如何设置 ECharts toolbox 中的 saveAsImage 按钮来导出 ECharts 图表:

javascript
option = {
...
toolbox: {
feature: {
saveAsImage: {
type: 'png',
name: 'myChart',
backgroundColor: '#FFFFFF',
excludeComponents :['toolbox']
}
}
},
...
};


在上述例子中,我们设置了 saveAsImage 的三个属性:

- type:表示导出图片的格式,可以是 png、jpeg、bmp、svg 等多种格式。
- name:表示导出图片的文件名,默认为 echarts,可以自定义。
- backgroundColor:表示导出图片的背景颜色,默认为透明。
- excludeComponents:表示在导出图片时需要排除的组件,这里排除了 toolbox 组件,避免在导出的图片中出现重复的工具栏。

当用户点击 ECharts 图表中的 saveAsImage 按钮时,即可将当前图表保存为指定格式和命名的图片文件。

注意:要启用 ECharts toolbox 中的 saveAsImage 功能,需要在页面中引入 echarts-gl 或者 zrender 库。