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

Question

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

这里是jsfiddle它与一个数据集一起工作。

我提示的代码是：

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

    showTooltips: true, 

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

而在同一appirience我想有2,3或多个数据集。

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

我想，这条线有事情做吧：

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

Answer 1

试试这个：

tooltip: { 
    pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' 
} 

Answer 2

我设法找到一个解决方案。那就是：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);