实现无数据的柱子在trigger中不显示echarts

没有数据的柱子置为null,但是trigger还是会显示该柱子的信息,如下图所示,此时我想让它不显示,就用formatter判断了一下,只显示value值有数据的,完整代码如下:

option = {
  tooltip: {
    trigger: 'axis',
    formatter:function(param){
      var toolShow = param[0].name;
      for(let i=0;i<param.length;i++)
        if(param[i].value!==undefined)
          toolShow+="<br>" + param[i].marker + "&nbsp;" + param[i].seriesName+":"+param[i].value
      return toolShow;
    }
  },
  legend: {},
  xAxis: [
    {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed']
    }
  ],
  yAxis: [
    {
      type: 'value'
    }
  ],
  series: [
    {
      name:'blue',
      type: 'bar',
      data: [320, 100,500]
    },
    {
      name:'green',
      type: 'bar',
      stack: 'Ad',
      emphasis: {
        focus: 'series'
      },
      data: [120, 132,2]
    },
    {
      name: 'orange',
      type: 'bar',
      stack: 'Ad',
      emphasis: {
        focus: 'series'
      },
      data: [220, null,100]
    },
    
    
  ]
};

效果展示如下:

猜你喜欢

转载自blog.csdn.net/wulikunbing/article/details/129625332