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 

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

Answer 1

好吧，我找到了答案

Uncaught TypeError: Cannot read property 'width' of undefined

Apprently你必须等待，直到该文件被加载或在页面底部加载脚本为它工作。