具有一个数据集但具有多个标签的条形图

时间:2019-01-21 15:09:27

标签: javascript html charts chart.js

我正在尝试使用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值栏留下的空白,这真是令人惊讶,它已经asked

这是我要了解的示例。

可以用Chart.js做到这一点吗?

0 个答案:

没有答案