3

在 Chart.js 中创建条形图时,所有条形都会占据整个水平空间。如何在最左边和最右边的栏中添加一些填充以实现您在下图中看到的效果:

在此处输入图像描述

或者,如果条在中心对齐并在条本身上使用百分比的最大宽度,则可以实现这一点,这样它们就永远不会填满整个空间。但我也找不到任何选择。

目前我0在每边添加两个带有空白标签的值,这是可行的,但这只是一种解决方法:

var data = {
    labels: ['', '', 1, 2, 3, '', ''],
    datasets: [{
        data: [0, 0, 36500, 59000, 65000, 0, 0],

        backgroundColor: [
              null,null,
              'blue','blue','blue',
              null,null
        ],
    }]
};

我正在使用 Chart.js 2.3。

4

0 回答 0