c3js 条宽不适应缩放

Question

图表在正常情况下相当不错。但我希望它在缩放时调整条宽。没有缩放的图形如下。

当我放大图形时，条形宽度保持不变，非常细！

反正他们会自动调整吗？我看到一个链接，其中示例通过缩放调整条宽。但我看不出有什么遗漏。这是示例：http : //blog.trifork.com/2014/07/29/creating-charts-with-c3-js/

这是我的图表代码。我错过了一些设置吗？

var chart = c3.generate({
    bindto: '#chart',
    data: {
        xFormat: '%m/%d/%y %I:%M %p',
        json: final_data,
        keys: {
            x: 'date',
            value: values
        },
        type: 'bar',
        groups: val
    },
    bar: {
        width: { ratio: 0.9 }
    },
    axis: {
        x: {
            type: 'timeseries',
            tick: {
                format: '%b %d'
            }
        }
    },
    zoom: {
        enabled: true
    },
    color: {
        pattern: colors
    }
});

Answer 1

尝试删除键值对“bar”。如果问题仍然存在，请尝试设置 axis.x.tick.fit = false