如何在chart.js中隐藏特定条形的工具提示

ryhaxcpt  于 2022-11-06  发布在  Chart.js
关注(0)|答案(1)|浏览(162)

我正在制作一个如下所示的堆叠条形图:

您在每个条形图之间看到的空格是条形图静态大小的条形图,它们是背景颜色。我使用它们是因为我不知道如何在chart.js中的条形图之间添加空格。我正在尝试找出如何隐藏静态大小的灰色条形图的工具提示。到目前为止,我的代码显示了一个黑色的工具提示,当我将鼠标悬停在一个灰色条上时,它会一直冻结,直到我刷新页面。2下面是目前为止隐藏它的代码:

filter: function(tooltipItem) {
    return tooltipItem.dataset.backgroundColor[0] !== "#f5f5f5";
    // if (tooltipItem.dataset.backgroundColor[0] == "#f5f5f5") {
    //     return false;
    // }
    // console.log(tooltipItem.dataset.backgroundColor);
    // return true;
 }
drkbr07n

drkbr07n1#

我想出了如何让这个工作。我隐藏了标签的基础上,背景色的酒吧。

相关问题