Echarts去掉markLine线

最近有个需求,要求有数据时显示markLine,没数据就隐藏,在官方文档找了一下,label:{show: false}。

markLine: {
  data:  [{ yAxis: this.baseQualityRatio}],
  lineStyle: {
    color: '#FF7F24'
  },
  label: { position: 'middle', formatter: '{c}%', show: false},
}

然并软。
后来自己尝试了一下发现可以在data上做一些操作来,来实现需求

markLine: {
  data: this.baseQualityRatio === null ? '' : [{ yAxis: this.baseQualityRatio}],
  lineStyle: {
    color: '#FF7F24'
  },
  label: { position: 'middle', formatter: '{c}%'},
}

当data为空时就可以将线取消了,这时没有数据也没线,有数据时也有线

你可能感兴趣的:(js,前端,Echarts)