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

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