美文网首页
echart data部分数据为空时,提示内容只显示data不为

echart data部分数据为空时,提示内容只显示data不为

作者: cjlynn | 来源:发表于2021-12-17 17:02 被阅读0次
echart data部分数据为空时,提示内容只显示data不为空的信息

比如原始series的data中部分数据为空的时候,如果折线图,这部分数据在图标上没显示,但是tooltip的提示内容,却会变成
这种形式


图1

如果不想显示“stream1:-”的部分


图2

只需要添加下面代码中的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]
        }]

相关文章

网友评论

      本文标题:echart data部分数据为空时,提示内容只显示data不为

      本文链接:https://www.haomeiwen.com/subject/lnvifrtx.html