react-chartjs-2 で、以下のように棒グラフを作成します。凡例をデフォルトの長方形ではなく正方形にしようとしています。
以下のように boxWidth: 10 を適用しましたが、機能しません。正方形の凡例を生成する他の方法はありますか
const sample_data = {
labels: ['Item1', 'Item2'],
datasets: [
{
data: [10, 10, 50],
borderWidth: 1,
backgroundColor: 'yellow',
},
{ data: [20, 20, 20],
borderWidth: 1,
backgroundColor: 'green'
},
],
};
const sample_options = {
responsive: true,
legend: {
boxWidth: 10, // Also 0 doesn't make any change
},
...
};
<Bar data={sample_data} options={sample_options} />;