ECharts toolbox.feature.saveAsImage（图片导出）使用详解

青旅半醒 2023-10-06 12:49 37阅读 0赞

### toolbox.feature.**saveAsImage** ###

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

示例：

[ECharts 设置toolbox.feature.saveAsImage 添加下载图片功能][ECharts _toolbox.feature.saveAsImage]

#### 1、toolbox.feature.saveAsImage.**type** ####

说明：选择保存的图片格式。

默认： 'png' 。

参数类型：string。

可选值：

（1）'png'，png格式图片支持透明度。

（2）'jpeg'，jpeg格式图片不支持透明度。

示例：

[ECharts 使用toolbox.feature.saveAsImage.type设置图片导出格式][ECharts _toolbox.feature.saveAsImage.type]

#### 2、toolbox.feature.saveAsImage.**name** ####

说明：设置保存的文件的名称。

默认：使用 [title.text][] 作为名称。

#### 3、toolbox.feature.saveAsImage.**backgroundColor** ####

说明：设置保存的图片的背景色

默认：'auto' ，默认使用 backgroundColor，如果 backgroundColor 不存在的话会取白色

#### 4、toolbox.feature.saveAsImage.**excludeComponents** ####

说明：保存为图片时忽略的组件列表。

默认：'toolbox'，默认忽略工具栏

#### 5、toolbox.feature.saveAsImage.**show** ####

说明：是否显示该工具。

默认：true 。

#### 6、toolbox.feature.saveAsImage.**title** ####

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

默认：'保存为图片'

#### 7、toolbox.feature.saveAsImage.**icon** ####

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

#### 8、toolbox.feature.saveAsImage.**iconStyle** ####

说明：设置保存为图片 icon 样式。

#### 9、toolbox.feature.saveAsImage.**pixelRatio** ####

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

默认：1。

[ECharts _toolbox.feature.saveAsImage]: https://blog.csdn.net/qq_38974638/article/details/107222828
[ECharts _toolbox.feature.saveAsImage.type]: https://blog.csdn.net/qq_38974638/article/details/107255737
[title.text]: https://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-7heq2cdf.html
[SVG PathData]: http://www.w3.org/TR/SVG/paths.html#PathData

发表评论取消回复

表情：

评论列表（有 0 条评论，37人围观）

还没有评论，来说两句吧...

相关阅读

相关 ECharts y坐标轴(yAxis)使用详解

yAxis 说明：直角坐标系 grid 中的 y 轴，一般情况下单个 grid 组件最多只能放左右两个 y 轴，多于两个 y 轴需要通过配置 [offset][] 属性防

小灰灰/ 2023年10月06日 14:18/ 0 赞/ 18 阅读

相关 ECharts toolbox.feature.saveAsImage（图片导出）使用详解

toolbox.feature.saveAsImage 说明：使用 saveAsImage 工具可以把图表保存为图片。示例： [ECharts 设置toolbox.

青旅半醒/ 2023年10月06日 12:49/ 0 赞/ 38 阅读

相关 ECharts 使用toolbox.feature.saveAsImage.type设置图片导出格式

1 使用详解 toolbox.feature.saveAsImage.type 说明：选择保存的图片格式。默认：'png' 。参数类型：string。可选值

爱被打了一巴掌/ 2023年10月06日 12:49/ 0 赞/ 31 阅读

相关 ECharts 自定义图表导出图片

1 前言在项目过程中，碰到一个这样的需求，页面显示时如下图所示ECharts图表背景是深色，文字是白色的。 ![watermark_type_ZmFuZ3poZW5n

妖狐艹你老母/ 2023年10月05日 11:41/ 0 赞/ 69 阅读

相关【echarts】echarts开发详解

echarts官方文档： [http://echarts.baidu.com/doc/doc.html\][http_echarts.baidu.com_doc_doc.h

刺骨的言语ヽ痛彻心扉/ 2022年08月09日 20:30/ 0 赞/ 466 阅读

相关导出 excel表格（数据、echarts图片）

/\\ \ @Description：导出 \ @author: liuc \ @since: 2016年4月14日上午10:36:39 \/

不念不忘少年蓝@/ 2022年06月16日 08:13/ 0 赞/ 294 阅读

相关 echarts图表导出excel示例

前台 <form id="exportForm" action="/foodBreak/statistical/importData" method="post">

灰太狼/ 2022年06月14日 08:40/ 0 赞/ 1290 阅读

相关 JS（十五）自定义方式导出echarts图片

用法： 1、echartsContainer对应到echarts的容器id； 2、exportOut()绑定导出按钮即可。 \--------------------

淡淡的烟草味﹌/ 2022年06月10日 03:40/ 0 赞/ 402 阅读

相关使用phantomJs服务器端导出Echarts图片

背景：在使用Echarts过程中，有需求在页面上图表显示和服务器端导出报表。在Echarts中，原生态提供了getImage()方法，但是都需要在页面上生成。事实上

客官°小女子只卖身不卖艺/ 2022年05月17日 08:23/ 0 赞/ 163 阅读

相关 echarts图形导出到excel

一、情景：本人刚接触echarts不久，之前有一个小功能需要实现：将echarts生成的图形导出到excel中，百度了好久。由于本人是新手，所有百度上的获取图形的base64编

亦凉/ 2021年10月15日 07:41/ 0 赞/ 680 阅读