echarts -- toolbox 工具箱

  toolbox: {
    show: true,
    feature: {
      dataZoom: {
        yAxisIndex: 'none'
      },
      dataView: { readOnly: false },
      magicType: { type: ['line', 'bar'] },
      restore: {},
      saveAsImage: {}
    }
  }

1、toolbox有什么:

2、级别:

和title同级 

3、显示位置:

echarts盒子右上角

4、具体功能

1、  show: true  //展示与隐藏

2、  dataZoom: {
        yAxisIndex: 'none'
      }  //区域缩放 和区域缩放还原

3、  dataView: { readOnly: false }  //数据视图

4、  magicType: { type: ['line', 'bar'] }  //切换为折线图 和 柱状图

5、  restore: {},  //还原

6、  saveAsImage: {}  //保存为图片

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ECharts toolboxECharts 提供的一个工具箱,包含了常用的数据视图、数据区域缩放、动态类型切换、保存图片等功能。以下是 ECharts toolbox 相关配置: 1. `show`:是否显示 toolbox 组件,默认为 true。 2. `orient`:toolbox 组件的布局朝向,可选值为 "horizontal"(水平排列)和 "vertical"(垂直排列),默认为 "horizontal"。 3. `itemSize`:toolbox 组件中每个工具项的尺寸,可以是一个数字或者数组,数组中的两个数字分别表示宽度和高度,默认为 15。 4. `itemGap`:toolbox 组件中每个工具项之间的间距,可以是一个数字或者字符串(如 "20%"),默认为 10。 5. `iconStyle`:toolbox 组件中每个工具项的图标样式,可以设置图标的颜色、大小、边框等样式。 6. `feature`:toolbox 组件中的工具项配置,包括了数据视图、数据区域缩放、动态类型切换、保存图片等功能,可以根据需求选择需要的工具项。 7. `dataView`:数据视图工具项配置,包括了是否显示数据视图、数据视图的标题、数据视图的样式等属性。 8. `dataZoom`:数据区域缩放工具项配置,包括了是否显示数据区域缩放、数据区域缩放的类型、数据区域缩放的范围等属性。 9. `magicType`:动态类型切换工具项配置,包括了是否显示动态类型切换、动态类型切换的类型、动态类型切换的标题等属性。 10. `saveAsImage`:保存图片工具项配置,包括了是否显示保存图片、保存图片的格式、保存图片的名称等属性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值