echarts中toolbox位置_ECharts学习（1）--toolbox（工具栏）

1.　　toolbox：这是ECharts中的工具栏。内置有导出图片、数据视图、动态类型切换、数据区域缩放、重置五个工具。

2.　　toolbox中的属性，不包含五个工具。里面最主要的就是feature这个，这是toolbox的配置项，五个工具的配置就是在这个里面实现的。

属性

类型

说明

toolbox.show

boolean

默认值为true，是否显示工具栏组件

toolbox.orient

stirng

默认值为horizontal，工具栏 icon 的布局朝向。可选项为“horizontal”和“vertical”

toolbox.itemSize

number

默认值为15，工具栏 icon 的大小。

toolbox.itemGap

number

默认值为10，工具栏 icon 每项之间的间隔。横向布局时为水平间隔，纵向布局时为纵向间隔。

toolbox.showTitle

boolean

默认值为true，是否在鼠标 hover 的时候显示每个工具 icon 的标题。

toolbox.feature

Object

各工具配置项。

除了各个内置的工具按钮外，还可以自定义工具按钮。

注意，自定义的工具名字，只能以 my 开头。

3.　　下面来分别介绍这五个工具

saveAsImage：这个工具可以把图表保存为图片。里面有些常用的参数，type->保存图片的格式，name->保存文件的名字ÿ