chart.js 3叠加条形图-显示零值的工具提示
chart.js 3叠加条形图-显示零值的工具提示
提问于 2021-12-18 06:11:03
我有一个堆叠的条形图，当我将鼠标悬停在条形图的底部时，工具提示显示的值为零，如下所示：
..。我只想让工具提示显示在这样的非零条上：
图表的JSON如下所示：
..。也就是说，"6-10小时“是一个数据集，在没有值的情况下，数据中有0's (因此它与正确的条对齐)。
除了工具提示之外，图表的功能也是正确的。是否有任何方法从工具提示中删除0值？
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-12-18 08:22:11
您可以定义一个tooltip.filter 回调函数，该函数返回零值的false，否则为true。
请看下面运行的代码片段，看看它是如何工作的。
new Chart('myChart', {
type: 'bar',
data: {
labels: ['A', 'B', 'C', 'D'],
datasets: [{
label: 'Dataset',
data: [0, 2, 0, 3],
}]
},
options: {
responsive: false,
plugins: {
tooltip: {
mode: 'dataset',
filter: tooltipItem => tooltipItem.dataset.data[tooltipItem.dataIndex] > 0
}
}
}
});<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.6.2/chart.min.js"></script>
<canvas id="myChart"></canvas>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70401384
复制相关文章
相似问题
腾讯云开发者
