FAQ中心
页面树结构
转至元数据结尾
转至元数据起始

正在查看旧版本。 查看 当前版本.

与当前比较 查看页面历史

« 前一个 版本 2 当前 »

（本文档仅供参考）

问题

由于数据相差比较小，导致折线图的数据项标签重叠在一起，不方便查看，如下截图

 

解决方案

可以写扩展属性让数据项标签每组数据显示的位置不一样以避免数据项标签重叠在一起，例如第一组显示在上面，第二组显示在下面。实现效果如下：

option = {
  series: [{
    type: 'line',
    label: {
      show: true,
      position: 'top' // 标签显示在折线上方
    }
  }, {
    type: 'line',
    label: {
      show: true,
      position: 'bottom' // 标签显示在折线下方
    }
  }]
}

另外可以设置文字是否偏移，具体可见 Echarts图形-扩展属性：数据标签 - 柱图数据标签重叠问题

  • 无标签