title

title属性主要用来设置图表的标题信息

  • title.target: 指定窗口打开主标题超链接。(这个自己测试的时候没有效果)
    • 'self':当前窗口打开
    • 'blank': 新窗口打开
  • title.textStyle:
    • title.textStyle.color: 主标题文字的颜色。
    • title.textStyle.fontStyle: 主标题文字字体的风格('normal', 'italic', 'oblique')
    • title.textStyle.fontWeight: 主标题文字字体的粗细
    • title.textStyle.fontFamily: 主标题文字的字体系列
    • title.textStyle.fontSize: 主标题文字的字体大小
  • title.subtext: 副标题文本,支持使用 \n 换行。
  • title.sublink: 副标题文本超链接。
  • title.subtarget: 指定窗口打开副标题超链接
  • title.subtextStyle: 同 title.textStyle
  • title.padding: 标题内边距,单位px,默认各方向内边距为5,接受数组分别设定上右下左边距。
      // 设置内边距为 5
      padding: 5
      // 设置上下的内边距为 5,左右的内边距为 10
      padding: [5, 10]
      // 分别设置四个方向的内边距
      padding: [
          5,  // 上
          10, // 右
          5,  // 下
          10, // 左
      ]
    
  • title.itemGap: 主副标题之间的间距。
  • title.zlevel: 组件的所有图形的 zlevel 值。zlevel用于 Canvas 分层,不同zlevel值的图形会放置在不同的 Canvas 中,Canvas 分层是一种常见的优化手段。
  • title.z: 组件的所有图形的z值。控制图形的前后顺序。z值小的图形会被z值大的图形覆盖。z相比zlevel优先级更低,而且不会创建新的 Canvas。
  • title.left: grid 组件离容器左侧的距离。如果 left 的值为'left', 'center', 'right',组件会根据相应的位置自动对齐。
  • title.right: grid 组件离容器右侧的距离。
  • title.bottom: grid 组件离容器下侧的距离。
  • title.backgroundColor: 标题背景色,默认透明。
  • title.borderColor: 标题的边框颜色。
  • title.borderWidth: [ default: 1 ] 标题的边框线宽。
  • title.shadowBlur: 图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。
      itemStyle: {
          normal: {
              shadowColor: 'rgba(0, 0, 0, 0.5)',
              shadowBlur: 10
          }
      }
    
  • title.shadowColor: 阴影颜色。
  • title.shadowOffsetX: 阴影水平方向上的偏移距离。
  • title.shadowOffsetY: 阴影垂直方向上的偏移距离。