echart data部分数据为空时,提示内容只显示data不为空的信息
比如原始series的data中部分数据为空的时候,如果折线图,这部分数据在图标上没显示,但是tooltip的提示内容,却会变成
这种形式
![](https://img.haomeiwen.com/i10844686/2849e9668fa7d348.png)
如果不想显示“stream1:-”的部分
![](https://img.haomeiwen.com/i10844686/65dcde4207a86273.png)
只需要添加下面代码中的formatter即可实现图2。
this.chart.setOption({
tooltip: {
trigger: 'axis',
showContent: true,
formatter: function (data) {
var res = data[0].name+'<br/>';
data.forEach(e=>{
if(e.data != undefined && e.data != null && e.data != '')
res+=e.marker+e.seriesName+':'+e.data+'<br/>'
})
return res;
}
},
原始数据
series: [{
name: 'stream1',
type: 'line',
data: [720, 720, , , , 720, 720]
},{
name: 'stream2',
type: 'line',
data: [1080, 1080, 1080, 1080, 1080, 1080, 1080]
}]
网友评论