小编Urs*_*ndr的帖子

从 C3.js 条形图中排除零值

让我们以下面的图表http://c3js.org/samples/chart_bar.html为例, 但将列数据替换为以下数据:

var chart = c3.generate({
    data: {
        columns: [
            ['data1', 30, 0, 100, 0, 150, 250],
            ['data2', 130, 0, 140, 200, 0, 50]
        ],
        type: 'bar'
    },
    bar: {
        width: {
            ratio: 0.5 // this makes bar width 50% of length between ticks
        }
        // or
        //width: 100 // this makes bar width 100px
    }
});

setTimeout(function () {
    chart.load({
        columns: [
            ['data3', 130, -150, 200, 300, -200, 100]
        ]
    });
}, 1000);
Run Code Online (Sandbox Code Playgroud)

正如我们所看到的,我们有很多空白或零值条,我们如何删除它并删除空白。(不是隐藏,我知道如何用 CSS 隐藏它)

图片示例,应该删除什么

c3.js

5
推荐指数
1
解决办法
3049
查看次数

标签 统计

c3.js ×1