C3 js无法读取undefined的属性'width'

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

有谁知道问题可能是什么？

Answer 1

好的,我找到了答案

未捕获的TypeError:无法读取未定义的属性"width"

显然你必须等待文件加载或加载页面底部的脚本才能工作.