我正在尝试使用 Chart.js 基于数据库中的数据创建图表,并且遇到了为数据制作多个标签的问题。第一个标签是数据所属的月份,第二个标签是访问类型。
这就是我目前所拥有的。

我正在为此添加另一个标签,仅针对这种情况:
xAxes: [{
position: 'top',
offset: 1,
ticks: {
fontColor: 'black',
beginAtZero: true,
fontSize: 35,
},
gridLines: {
display: false
},
},
{
labels: ["M SP W/I B", "M SP W/I B"],
position: 'bottom',
offset: 1,
ticks: {
fontColor: 'black',
beginAtZero: true,
fontSize: 35,
},
gridLines: {
display: false
},
}
]
问题是它太 McGyvery。我的计划是为数据集添加另一个标签,除了月/年,并将访问类型放在那里。这将解决图表上多于或少于两个月的问题。
我真正想做的是让每个栏都有标签(我已经尝试在数字旁边的栏上使用标签,但看起来不太好)。而且我想摆脱 0 值条留下的空白,这将是惊人的,这已经被问过了。
这是我想要达到的一个例子。

有没有办法用 Chart.js 做到这一点?