javascript - C3 jsは未定義のプロパティ「幅」を読み取ることができません

Question

初めて C3 チャートをセットアップしようとしています。

公式ウェブサイトの例に従って、次の html を取得しました。

<section class="panel panel-default">
    <header class="panel-heading font-bold">C3 Test</header>
    <section class="panel-body">
        <div id="chart"></div>
    </section>
</section>

このために、私は次のJavaScriptを持っています:

    var chart = c3.generate({
    bindto: '#chart',
    data: {
        columns: [
            ['data1', 30, 200, 100, 400, 150, 250],
            ['data2', 50, 20, 10, 40, 15, 25]
        ],
        axes: {
            data2: 'y2'
        },
        types: {
            data2: 'bar'
        }
    },
    axis: {
        y: {
            label: {
                text: 'Y Label',
                position: 'outer-middle'
            },
            tick: {
                format: d3.format("$,") // ADD
            }
        },
        y2: {
            show: true,
            label: {
                text: 'Y2 Label',
                position: 'outer-middle'
            }
        }
    }
});

ただし、これを実行すると、次のエラーが発生します。

Uncaught TypeError: Cannot read property 'width' of undefined c3.min.js:3

問題が何であるかを知っている人はいますか？