Chart JS Line Graphマルチツールティップの背景色の問題

Question

Chart.jsに関する質問があります。私は2つのデータセット（2行）を持つ折れ線グラフを使用しています。データの上にマウスを置くと、 "凡例"が表示されます。凡例には色付け可能な2つのボックスがあります。私は問題のないボックスの背景色を変更することができますが、色を変更すると両方のボックスに適用されます。ボックスの色を別に設定するにはどうしたらいいですか？ありがとう。

<canvas 
    class="ex-line-graph" 
    width="1200" height="1200" 
    data-chart="line" 
    data-scale-start-value="0" 
    data-scale-step-width ="100" 
    data-scale-steps ="4" 
    data-point-fill-color = "RGBA(255,28,221,.3)" 
    data-scale-line-color="transparent" 
    data-scale-grid-line-color="rgba(255,255,255,.05)" 
    data-scale-font-color="#a2a2a2" 
    data-labels="   ['April','May','June','July','August','September','October','November','December  ','January','February','March']" 
    data-value="[{ fillColor: 'RGBA(28,168,221,.3)', strokeColor:  
    '#1CA8DD', label:'Data', data: [151, 154, 173, 169, 176,161,0,0,0,0,0,0]}, {fillColor: 'RGBA(37,40,48,.0)', strokeColor: 'rgba(255,255,255,1)', label :'Target', data: [200, 200,200,200,200, 200,200,200,200, 200,200,200] }]"> 
    </canvas> 

Answer 1

私が正しく従うならばそれは2パートの答えです：（モードに注意してください

var data = { 
    labels: ["January", "February", "March", "April", "May"], 
    datasets: [{ 
    label: "Series A", 
    data: [10, 30, 20, 40, 10], 
    borderColor: "rgba(0,0,255,0.8)", 
    backgroundColor:"rgba(0,0,255,0.5)" 
    }, { 
    label: "Series B", 
    data: [25, 40, 10, 40, 30], 
    borderColor: "rgba(255,0,0,0.8)", 
    backgroundColor:"rgba(255,0,0,0.5)" 
    }] 
}; 

とオプションオブジェクトのツールチップを有効にします。

1.-は、データセット上の色を指定します。ラベル）：

var options = { 
    tooltips: { 
    enabled: true, 
    mode: 'label' 
},   
    legend: { 
    display: true, 
    } 
}; 

結果：

Codepen：

Codepen - Chart.js Multiline Tooltip labels