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 を設定してみてください