Chart.jsのすべての値を表示v2のドーナツチャートのツールチップ

Question

私はChart.js v2.5.0を使用しています。

ユーザーがドーナツグラフの上に置いたときに、私はツールチップがすべての値を表示したい、下の画像にdemostratedのように：

var ctx = document.getElementById("chart-area").getContext("2d"); 
var myPie = new Chart(ctx, { 
    type: 'doughnut', 
    data: { 
    labels: ['blue', 'red', 'green', 'orange'], 
    datasets: [{ 
     label: 'Dataset 1', 
     data: [ 
     randomScalingFactor(), 
     randomScalingFactor(), 
     randomScalingFactor(), 
     randomScalingFactor(), 
     ], 
     backgroundColor: [ 
     chartColors.blue, 
     chartColors.red, 
     chartColors.green, 
     chartColors.orange 
     ], 
    }], 
    }, 
    options: { 
    } 
}); 

：

これは私が現在持っているコードです。

JSFiddleリンク：https://jsfiddle.net/DUKEiLL/qkop5c9h/

Answer 1

あなたがdatase」にtooltips interaction modeを変更することによって、これを達成することができますT "：

options: { 
    tooltips: { 
     mode: "dataset" 
    } 
} 

JSFiddleデモ：https://jsfiddle.net/qkop5c9h/4/