toolbox—概述及其主要属性
toolbox:ECharts中的工具栏。内置有导出图片、数据视图、动态类型切换、数据区域缩放、重置五个工具。
toolbox中的属性,不包含五个工具。最主要的是feature这个属性,这是toolbox的配置项,五个工具的配置就是在这个里面实现的。
部分属性及其说明如下图:
分别介绍toolbox内五个自带的工具
1.saveAsImage
- 这个工具可以把图表保存为图片。
- 常用的参数:
- type->保存图片的格式,
- name->保存文件的名字,
- backgroundColor->保存图片的背景色,
- show->是否显示该工具,
2.restore
3.dataView
- 数据视图工具,可以展现当前图表所用的数据,编辑后可以动态更新。
- dataView 展现函数,用以取代默认的 textarea 使用更丰富的数据编辑。可以返回 dom 对象或者 html 字符串,
- 主要属性:
- show->是否显示该工具,
- readOnly->是否不可编辑,
- optionToContent->自定义
- backgroundColor->数据视图浮层背景色。
4.dataZoom
- 数据区域缩放。目前只支持直角坐标系的缩放(这里的含义就是柱状体,折线图可以缩放,但是像饼状图就不能缩放)。
- 主要属性:
5.magicType:
- 动态类型切换。
- 主要属性:
- show->是否显示该工具,
- type->数组,启用的动态类型,包括’line’(切换为折线图), ‘bar’(切换为柱状图), ‘stack’(切换为堆叠模式), ’tiled’(切换为平铺模式)。
评论区(0)