toolbox—概述及其主要属性


toolbox—概述及其主要属性

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

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

部分属性及其说明如下图:

分别介绍toolbox内五个自带的工具

1.saveAsImage

  • 这个工具可以把图表保存为图片。
  • 常用的参数:
    • type->保存图片的格式,
    • name->保存文件的名字,
    • backgroundColor->保存图片的背景色,
    • show->是否显示该工具,

2.restore

  • 配置项还原。
  • 主要属性
    • show->是否显示该工具。

3.dataView

  • 数据视图工具,可以展现当前图表所用的数据,编辑后可以动态更新。
  • dataView 展现函数,用以取代默认的 textarea 使用更丰富的数据编辑。可以返回 dom 对象或者 html 字符串,
  • 主要属性:
    • show->是否显示该工具,
    • readOnly->是否不可编辑,
    • optionToContent->自定义
    • backgroundColor->数据视图浮层背景色。

4.dataZoom

  • 数据区域缩放。目前只支持直角坐标系的缩放(这里的含义就是柱状体,折线图可以缩放,但是像饼状图就不能缩放)。
  • 主要属性:
    • show->是否显示该工具。

5.magicType:

  • 动态类型切换。
  • 主要属性:
    • show->是否显示该工具,
    • type->数组,启用的动态类型,包括’line’(切换为折线图), ‘bar’(切换为柱状图), ‘stack’(切换为堆叠模式), ’tiled’(切换为平铺模式)。

评论区(0)

评论