同じグループに所属するグラフのうちある1本だけ異なる色になるようにしたところ、単一のグループに複数の色を指定したせいか凡例の色が指定できない問題が発生した。
対処するために凡例の色(スタイル)を直接指定したので、その対応方法をメモ。
options以下に……
legend: {
display: true,
position: 'top',
labels: {
generateLabels: (data) => {
const chartData = data.tooltip._data;
return chartData.datasets.map(dataset => {
return {
text: dataset.label,
fillStyle: dataset.index === 0 ? '#837EE8' : '#65AAF1',
}
})
}
}
},
通常はグラフの色がそのまま凡例の色になる? なのでグラフの色と異なる凡例の色を指定するために、直接上記のように色を指定して対応した。