width - 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