Graph 使用chartjs的多条形图中每个条形的子类别

简单多柱状图仅显示主类别

['1'，'2'，'3'，'4'，'5'，'6']

作为

x轴

标签。有没有办法将子类别

['a'、'B'、'C'、'D']

显示为chartjs中的辅助

x轴

标签

带有子类别标签的图形

---

您可以使用分组条形图，如下所示：

const数据集=[{
标签：“红色”，
背景颜色：“红色”，
数据：[33,91,null,48]
}, {
标签：“蓝色”，
背景颜色：“蓝色”，
数据：[38,57,75,84]
},
{
标签：“黄色”，
背景颜色：“黄色”，
数据：[97，空，67，41]
}
];
新图表（document.getElementById（“myChart”）{
类型：'bar'，
数据：{
标签：[“一”、“二”、“三”、“四”]，
数据集
},
选项：{
标题：{
显示：对，
文本：“分组条形图”
},
比例：{
xAxes：[{
滴答声：{
回调：函数（标签、索引、标签、图表）{
让result=”“//初始化
datasets.forEach（（数据集）=>{
if（dataset.data[索引]！==null）{
结果+=（result.length>0？'，'：''）+dataset.label；
}
})
返回结果
}
}
}]
}
}
});

我已经尝试过了，但我不想要图例。我想在每个条下面都有一个标签。我编辑了这篇文章：你可以在记号上写自定义文本，但不幸的是你不能像html一样格式化它或添加颜色框，希望它能有所帮助