ChartJS 2.9.3混合图表中柱状图图例显示为圆形问题求助

问题原因 #

全局配置项legend.labels.usePointStyle: true会强制所有数据集的图例使用点样式，柱状图数据集没有单独指定点样式时，会默认使用圆形，导致原本应该显示矩形的柱状图图例异常。

解决方案 #

你可以直接给柱状图数据集单独指定pointStyle为矩形（rect）即可，不需要修改全局配置，修改后相关代码片段如下：

{
    backgroundColor: 'grey',
    label: 'Label3',
    data: [1,2],
    borderWidth: 1,
    type: 'bar',
    // 新增这一行，指定该数据集的图例样式为矩形
    pointStyle: 'rect'
}

如果需要更灵活的图例样式自定义，也可以通过legend.labels.generateLabels回调函数，针对不同类型的数据集单独生成对应的图例项样式。

内容的提问来源于stack exchange，提问作者Venkat