javascript - 如何禁用 Chart.js 折线图中数据集的自定义工具提示？

Question

我有一个包含 2 个数据集的折线图，我使用自定义 html 工具提示。我想禁用 1 个数据集的工具提示，但我似乎无法弄清楚。我见过的所有解决方案都适用于画布默认工具提示...

标签： javascriptchartschart.js

Answer 1

您可以过滤工具提示：

tooltips: {
    enabled: true,
    filter: function (tooltipItem) {
        var dSet = tooltipItem.datasetIndex;
        if (dSet == 1) {  // <-- dataset index
            return false;
        } else {
            return true;
        }
    },
    // (....)

编辑： 要隐藏自定义工具提示，您需要从工具提示函数中检查数据集：

var customTooltips = function(tooltip) {
    if(tooltip.hasOwnProperty('dataPoints') && tooltip.dataPoints[0] != 'undefined'){
        if(tooltip.dataPoints[0].datasetIndex == 0) // <-- dataset index
            return;
    }