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你必須等待，直到該文件被加載或在頁面底部加載腳本爲它工作。