如何在c3js中为多组钢筋添加钢筋之间的间距?

dpn*_*dra 2 javascript d3.js c3.js

var chart = c3.generate({
    data: {
        columns: [
            ['data1', 30],
            ['data2', 130],
            ['data3', 130]

        ],
        type: 'bar'
    },
    bar: {
        width: 50,

    }
});
Run Code Online (Sandbox Code Playgroud)

在这里,我们已将数据分为三组,分别为data1,data2和data3,但图中的图形没有像图像中那样留有任何空格 条之间没有空格。

我们如何在条之间添加空间?

Sah*_*ana 7

var chart = c3.generate({
    data: {
        columns: [
            ['data1', 30],
            ['data2', 130],
            ['data3', 130]

        ],
        type: 'bar'
    },
    bar: {
        space: 0.25
    }
});
Run Code Online (Sandbox Code Playgroud)

  • 多谢!目前,这不在 https://c3js.org/reference.html 文档中,如果我没有找到这个答案,我将诉诸 svg 操作。(通过指定负值,相同的“bar.space”设置似乎对于获取重叠条也很有用。) (2认同)