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

Answer 2

试试这个：

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

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

2 个答案: