Chart.js의 모든 값 표시 v2 도우넛 차트 툴팁

Question

Chart.js v2.5.0을 사용하고 있습니다.

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: { 
    } 
}); 

:

이 내가 현재 가지고있는 코드 : 아래 이미지에서 demostrated처럼

사용자가 도넛 차트 가리킬

, 나는 모든 값을 표시하는 툴팁을 원하는

JSFiddle 링크 : https://jsfiddle.net/DUKEiLL/qkop5c9h/이

Answer 1

당신은 tooltips interaction mode에 "datase을 변경하여이 작업을 수행 할 수 있습니다 t "

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

JSFiddle 데모 : https://jsfiddle.net/qkop5c9h/4/