1

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} />;
4

1 に答える 1