echart柱状堆叠图 tooltip 能否去掉数据为"_"的数据
时间: 2023-12-08 11:03:20 浏览: 105
可以通过设置 `filter` 函数来过滤掉 Tooltip 中数据为 `"_"` 的数据。下面是一个示例代码:
```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,保留这个数据。
希望这个示例能够帮助你实现去掉数据为 `"_"` 的柱子。
阅读全文