toolbox

工具栏。内置有导出图片，数据视图，动态类型切换，数据区域缩放，重置五个工具。

  • toolbox.show: 是否显示工具栏组件。
  • toolbox.orient: 工具栏 icon 的布局朝向。
      'horizontal'
  'vertical'
  • toolbox.itemSize: 工具栏 icon 的大小。
  • toolbox.itemGap: 工具栏 icon 每项之间的间隔。
  • toolbox.showTitle: 是否在鼠标 hover 的时候显示每个工具 icon 的标题。
  • toolbox.feature: 各工具配置项
    • toolbox.feature.saveAsImage: 保存为图片。
      • toolbox.feature.saveAsImage.type: 保存的图片格式。支持 'png' 和 'jpeg'。
      • toolbox.feature.saveAsImage.name: 保存的文件名称，默认使用 title.text 作为名称。
      • toolbox.feature.saveAsImage.backgroundColor: 保存的图片背景色，默认使用 backgroundColor，如果backgroundColor不存在的话会取白色。
      • toolbox.feature.saveAsImage.excludeComponents: 保存为图片时忽略的组件列表，默认忽略工具栏。
      • toolbox.feature.saveAsImage.show: 是否显示该工具。
      • toolbox.feature.saveAsImage.title: [ default: '保存为图片' ]
      • toolbox.feature.saveAsImage.icon: Icon 的 path 字符串
      • toolbox.feature.saveAsImage.iconStyle: 保存为图片 icon 样式设置。...
      • toolbox.feature.saveAsImage.pixelRatio: 保存图片的分辨率比例，默认跟容器相同大小，如果需要保存更高分辨率的，可以设置为大于 1 的值，例如 2。
    • toolbox.feature.restore: 配置项还原。
      • toolbox.feature.restore.show: 是否显示该工具。
      • toolbox.feature.restore.title: [ default: '还原' ]
      • toolbox.feature.restore.icon: Icon 的 path 字符串
      • toolbox.feature.restore.iconStyle: 还原 icon 样式设置。...
    • toolbox.feature.dataView: 数据视图工具，可以展现当前图表所用的数据，编辑后可以动态更新。
      • toolbox.feature.dataView.show: 是否显示该工具。
      • toolbox.feature.dataView.title: [ default: '数据视图' ]
      • toolbox.feature.dataView.icon: Icon 的 path 字符串
      • toolbox.feature.dataView.iconStyle: 数据视图 icon 样式设置。...
      • toolbox.feature.dataView.readOnly: 是否不可编辑（只读）。
      • toolbox.feature.dataView.lang: 数据视图上有三个话术，默认是['数据视图', '关闭', '刷新']。
      • toolbox.feature.dataView.backgroundColor = '#fff': 数据视图浮层背景色。
      • toolbox.feature.dataView.textareaColor = '#fff': 数据视图浮层文本输入区背景色。
      • toolbox.feature.dataView.textareaBorderColor = '#333': 数据视图浮层文本输入区边框颜色。
      • toolbox.feature.dataView.textColor = '#000': 文本颜色。
      • toolbox.feature.dataView.buttonColor = '#c23531': 按钮颜色。
      • toolbox.feature.dataView.buttonTextColor = '#fff': 按钮文本颜色。
    • toolbox.feature.dataZoom: 数据区域缩放。目前只支持直角坐标系的缩放。
      • toolbox.feature.dataZoom.show: 是否显示该工具。
      • toolbox.feature.dataZoom.title: 缩放和还原的标题文本。
        • toolbox.feature.dataZoom.title.zoom: [ default: '区域缩放' ]
        • toolbox.feature.dataZoom.title.back: [ default: '区域缩放还原' ]
      • toolbox.feature.dataZoom.icon: 缩放和还原的 icon path。
        • toolbox.feature.dataZoom.icon.zoom
        • toolbox.feature.dataZoom.icon.back
      • toolbox.feature.dataZoom.iconStyle: 数据区域缩放 icon 样式设置。...
      • toolbox.feature.dataZoom.xAxisIndex: 指定 哪些 xAxis 被控制。如果缺省则控制所有的x轴。如果设置为 false 则不控制任何x轴。如果设置成 3 则控制 axisIndex 为 3 的x轴。如果设置为 [0, 3] 则控制 axisIndex 为 0 和 3 的x轴。
      • toolbox.feature.dataZoom.yAxisIndex: 指定 哪些 yAxis 被控制。如果缺省则控制所有的y轴。如果设置为 false 则不控制任何y轴。如果设置成 3 则控制 axisIndex 为 3 的y轴。如果设置为 [0, 3] 则控制 axisIndex 为 0 和 3 的y轴。
    • toolbox.feature.magicType: feature: {
        magicType: {
      type: ['line', 'bar', 'stack', 'tiled']
  }
      }
  • toolbox.iconStyle: 公用的 icon 样式设置。...
  • toolbox.zlevel: 所有图形的 zlevel 值。
  • toolbox.z: 组件的所有图形的z值。
  • toolbox.left: 工具栏组件离容器左侧的距离。
  • toolbox.top: 工具栏组件离容器上侧的距离。
  • toolbox.right: 工具栏组件离容器右侧的距离。
  • toolbox.bottom: 工具栏组件离容器下侧的距离。
  • toolbox.width: 工具栏组件的宽度。默认自适应。
  • toolbox.height: 工具栏组件的高度。默认自适应。