Chart.js v2.0：仅针对一个数据集的工具提示 [英] Chart.js v2.0: Tooltip only for one dataset

问题描述

我有这3个数据集的图：

I have graph whit this 3 datasets:

this.myChart = new Chart(this.ctx, {
  type: 'bar',
  data: {
    labels: labels,
    datasets: [
      { type: 'line', data: data3 },
      { type: 'bar', data: data1, backgroundColor: "#3EAFD5" },
      { type: 'bar', data: data2, backgroundColor: "#D24B47" }
    ]
  }
}

如何显示仅针对第一个数据集（类型：行）？

How can I do to show tooltip only for first dataset (type: 'line')?

推荐答案

您可以覆盖 getElementAtEvent 图表对象的方法

You can just override the getElementAtEvent method of the chart object

var originalGetElementAtEvent = myChart.getElementAtEvent;
myChart.getElementAtEvent = function () {
    return originalGetElementAtEvent.apply(this, arguments).filter(function (e) {
        return e._datasetIndex == 0;
    });
}

其中 myChart 是您的图表对象。

提琴- http://jsfiddle.net/x4shhvbk/

这篇关于Chart.js v2.0：仅针对一个数据集的工具提示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！