Chart.js条的宽度不一致

时间:2019-02-08 12:04:32

标签: chart.js chart.js2

我有一个简单的条形图,但是每个条形都有不同的宽度。有什么方法可以使条的宽度一致并匹配x轴单位/网格间距?

Non uniform widths

这是我的图表的定义方式:

var chart = new Chart(ctx, {
        type: 'bar',
        data: chartData,
        options: {
            annotation: {
                annotations: []
            },
            legend: {
                display: false
             },
            scales: {
                xAxes: [{
                    type: 'time',
                    time: {
                        unit: 'day',
                        stepSize: 1,
                    },
                    ticks: {
                        maxTicksLimit: 21,
                        autoSkip: true
                    }
                }]
            }
        }
    });

1 个答案:

答案 0 :(得分:0)

结果是我的chart.js版本稍微过时了。在我将其替换为最新版本(2.7.3)后,这些条突然看起来还不错。

问题已解决:-)