echart柱状堆叠图 tooltip 能否去掉数据为空的数据
时间: 2023-12-15 17:04:44 浏览: 141
ECharts 提供了 Tooltip 的过滤器(filter)功能,可以通过设置 filter 函数过滤掉 Tooltip 中不需要展示的数据。因此,可以通过 filter 函数来过滤掉数据为空的柱子。
下面是一个示例代码:
```javascript
option = {
// ... 其他配置项
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
// 设置 filter 函数
filter: function (params) {
// 如果数据为空,返回 false,过滤掉这个数据
return params.value !== '';
},
// 自定义 tooltip 的内容和样式
formatter: function (params) {
// 自定义 tooltip 的内容和样式
let str = '';
for (let i = 0; i < params.length; i++) {
str += params[i].seriesName + ' : ' + params[i].value + '<br/>';
}
return str;
}
},
// ... 其他配置项
series: [
{
name:'邮件营销',
type:'bar',
stack: '总量',
data:[120, 132, 101, '', 90, 230, 210]
},
{
name:'联盟广告',
type:'bar',
stack: '总量',
data:[220, 182, 191, '', 290, 330, 310]
},
{
name:'视频广告',
type:'bar',
stack: '总量',
data:[150, 232, 201, '', 190, 330, 410]
},
{
name:'直接访问',
type:'bar',
stack: '总量',
data:['', '', '', 334, 390, 330, 320]
}
]
};
```
在上面的示例中,通过设置 filter 函数过滤掉数据为空的柱子。在 filter 函数中,判断当前数据是否为空,如果为空,返回 false,过滤掉这个数据;否则返回 true,保留这个数据。
希望这个示例能够帮助你实现去掉数据为空的柱子。
阅读全文