c3js栏宽度不适应缩放答案

【问题标题】：c3js bar width not adjusting to the zoomingc3js栏宽度不适应缩放
【发布时间】：2015-12-17 22:22:21
【问题描述】：

图表在正常的时候还不错。但我希望它在缩放时调整条形宽度。没有缩放的图如下。

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

反正它们会自动调整吗？我看到了一个链接，该示例通过缩放调整条形宽度。但我看不出有什么遗漏。这是示例：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
    }
});

【问题讨论】：

您没有遗漏任何东西 - C3 在 0.4.9 和 0.4.10 之间改变了缩放的处理方式。您可以通过更改链接到的笔中使用的 C3 版本来查看这一点。 Here's the related github issue
有同样的问题。对我来说，当我删除时间序列时，自动缩放再次起作用，但显然 hi 不是我们想要的。你现在找到解决方案了吗？ @Vishal Sharma？

标签： width c3.js timeserieschart

【解决方案1】：

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

【讨论】：