javascript - Chart.js - 折线图中的 2 个数据集总是显示工具提示？

Question

如何始终显示工具提示但带有 2 个折线图数据集？

这里是jsfiddle它适用于一个数据集。

我的工具提示代码是:

var options = 
{
    tooltipTemplate: "<%= value %>",

    showTooltips: true,

    onAnimationComplete: function()
    {    
        this.showTooltip(this.datasets[0].points, true);          
    },
    tooltipEvents: []
}

同样，我希望拥有 2,3 个或更多数据集。

这里是jsfiidle我尝试了 2 个数据集。

我想，这行与它有关:

this.showTooltip(this.datasets[0].points, true);  

Answer 1

我设法找到解决方案。这是:Chart JS: Always show tooltips in a multi dataset line chart

但是如果你想在条形图上做同样的事情，你需要改变:

for (var dataIndex = 0; dataIndex < this.datasets[0].points.length; dataIndex++) {

至

for (var dataIndex = 0; dataIndex < this.datasets[0].bars.length; dataIndex++) {

来自

dataCollection = dataset.points;

至

dataCollection = dataset.bars;

在底部你应该调用条形图，例如。

var chart = new Chart(ctx).Bar(dataBar, options);