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 库。
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 库。
本文地址:
/show-278028.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。