如何在Chart.js中外部栏和左/右侧之间的条形图中添加填充?

时间:2016-11-10 08:13:53

标签: javascript padding chart.js chart.js2

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

enter image description here

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

目前我正在添加两个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。

0 个答案:

没有答案