Javascript ChartJs-带组的堆叠条形图-如何使用堆栈id创建第二个x轴

我有一个chart.js分组条形图（按堆栈id分组），我想做的是添加另一个x轴，它将显示堆栈id，最接近的是标签加倍，因此

[“1.1.2021”，“2.1.2021”]

更改为

[“1.1.2021”，“1.1.2021”，“2.1.2021”]

-这不太好，x轴没有正确对齐，视觉效果也不好

以下是我目前拥有的：

var ctx=$（“#c”）；
var myChart=新图表（ctx{
类型：'bar'，
数据：{
标签：[“1.1.2021”、“2.1.2021”]，
数据集：[{
标签：“首次访问英国”，
数据：[10,3]，
stack：“首次访客”，
背景色：“f5a0a7”，
},
{
标签：“重复访问英格兰”，
数据：[20,6]，
堆栈：“重复访客”，
背景颜色：“e75177”，
},
{
标签：“首次访问瑞典”，
数据：[7,0]，
stack：“首次访客”，
背景颜色：“924565”，
},
{
标签：“重复访问瑞典”，
数据：[9,16]，
堆栈：“重复访客”，
背景色：“2979a7”，
}]
},
选项：{
比例：{
xAxes：[
{
对,，
id:'xAxis1'，
类型：“类别”，
滴答声：{
回调：函数（标签）{
var month=label.split（“；”）[0]；
var年=标签。拆分（“；”）[1]；
返回月份；
}
}
}],
雅克斯：[{
滴答声：{
贝吉纳泽罗：是的
}
}]
}
}
});
要使附加标签与堆栈组栏对齐，可以在每个
数据集上定义选项
categoryPercentage:1

有关更多信息，请参阅Chart.js bar文档的章节和

此外，您还必须定义几个x轴，如下面修改的代码所示


新图表（'c'{
类型：'bar'，
数据：{
标签：[“1.1.2021”、“2.1.2021”]，
数据集：[{
标签：“首次访问英国”，
数据：[10,3]，
stack：“首次访客”，
背景色：“f5a0a7”，
类别类别：1
},
{
标签：“重复访问英格兰”，
数据：[20,6]，
堆栈：“重复访客”，
背景颜色：“e75177”，
类别类别：1
},
{
标签：“首次访问瑞典”，
数据：[7,0]，
stack：“首次访客”，
背景颜色：“924565”，
类别类别：1
},
{
标签：“重复访问瑞典”，
数据：[9,16]，
堆栈：“重复访客”，
背景色：“2979a7”，
类别类别：1
}
]
},
选项：{
工具提示：{
模式：“x”
},
比例：{
xAxes：[{
滴答声：{
显示：假
}
},
{
类型：'类别'，
对,，
标签：[“首次访客”、“重复访客”、“首次访客”、“重复访客”]，
网格线：{
显示：假
}
},
{
对,，
网格线：{
显示：假
}
}
],
雅克斯：[{
滴答声：{
贝吉纳泽罗：是的
}
}]
}
}
});