Reactjs Chartjs：制作方形图例

使用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
  },
...
};

；

您必须将boxWidth放入图例选项的标签部分，如文档中所述：

var选项={
键入：“行”，
数据：{
标签：[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”]，
数据集：[{
标签：“#投票数”，
数据：[12,19,3,5,2,3]，
边框宽度：1
},
{
标签：“#个点”，
数据：[7,11,5,8,3,7]，
边框宽度：1
}
]
},
选项：{
图例：{
标签：{
箱宽：10
}
},
比例：{
雅克斯：[{
滴答声：{
反面：假
}
}]
}
}
}
var ctx=document.getElementById（'chartJSContainer'）.getContext（'2d'）；
新图表（ctx，选项）


<Bar data={sample_data} options={sample_options} />;