1

我正在尝试使用 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 做到这一点?

4

0 回答 0