javascript - Chart.js - 在第二个数据集上隐藏/删除标签

Question

我有一个包含 2 个相同数据集的折线图 - 唯一的区别是第二个数据集使用 Chart.js 趋势线插件。

当有人将鼠标悬停在其中一个数据点上时，如何仅显示第一个数据集的标签？到目前为止，我已经查看了很多关于 StackOverflow 的文档和许多其他问题，但似乎找不到答案。

标签： javascriptchartschart.jsdata-analysis

Answer 1

设法找出答案。两个数据集中有 86 个项目，第二个数据集从索引 43 开始。这是一个非常丑陋的解决方案，但它有效。在选项部分添加以下内容。

tooltips: {
    filter: function (tooltipItem, data) {
        var label = data.labels[tooltipItem.index];                           
        if (tooltipItem.datasetIndex > 42) {
            return false;
        } else {
            return true;
        }
    }
}