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

时间:2019-01-28 07:40:35

标签: javascript charts chart.js

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

1 个答案:

答案 0 :(得分:0)

您可以过滤工具提示:

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;
    }