codecamp

ECharts导出图片的操作

toolbox.feature.saveAsImage   |   Object

使用 saveAsImage 工具可以把图表保存为图片。

toolbox.feature.saveAsImage.type   |   string

[ default: 'png' ]

选择保存的图片格式。支持 'png' 和 'jpeg'。

toolbox.feature.saveAsImage.name   |   string

设置保存的文件的名称,默认使用 title.text 作为名称。

toolbox.feature.saveAsImage.backgroundColor   |   Color

[ default: 'auto' ]

设置保存的图片的背景色,默认使用 backgroundColor,如果 backgroundColor 不存在的话会取白色。

toolbox.feature.saveAsImage.excludeComponents   |   Array

[ default: ['toolbox'] ]

保存为图片时忽略的组件列表,默认忽略工具栏。

toolbox.feature.saveAsImage.show   |   boolean

[ default: true ]

是否显示该工具。

toolbox.feature.saveAsImage.title   |   boolean

[ default: '保存为图片' ]

保存为图片时是否显示标题。

toolbox.feature.saveAsImage.icon   |   *

Icon 的 path 字符串,ECharts 3 中支持使用自定义的 svg path 作为 icon,格式参见 SVG PathData。可以从 Adobe Illustrator 等工具编辑导出。

toolbox.feature.saveAsImage.iconStyle   |   Object

保存为图片 icon 样式设置。

toolbox.feature.saveAsImage.pixelRatio   |   number

[ default: 1 ]

保存图片的分辨率比例,默认跟容器相同大小,如果需要保存更高分辨率的,可以设置为大于 1 的值,例如 2。

ECharts工具栏组件(toolbox)
ECharts导出图片的icon样式
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

ECharts配置项.setOption

ECharts图例组件配置项

ECharts图例组件配置 文本样式

ECharts xAxis配置 直角坐标系x轴

ECharts xAxis配置 x坐标轴名称的文本样式

ECharts xAxis配置 设置x坐标轴轴线

ECharts xAxis配置 x坐标轴刻度设置

ECharts xAxis配置 x坐标轴刻度标签设置

xAxis配置x坐标轴分隔线

xAxis配置坐标轴分隔区域设置

xAxis配置类目数据

ECharts xAxis配置 类目标签的文本样式

ECharts极坐标系的径向轴

如何使用dataZoom组件

ECharts工具栏组件(toolbox)

ECharts工具栏的feature属性

ECharts导出图片的操作

ECharts的数据视图工具

ECharts数据区域缩放工具

ECharts动态类型切换工具

ECharts区域选择组件(brush)

ECharts系列列表:平行坐标系

ECharts系列:主题河流图

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }