chart.jsのグラフをインスタンス化する構文

Question

chart.js 2.0.0-beta2を使用しています。 素晴らしい作品、ドキュメントから取られた棒グラフを、インスタンス化するために、この構文を使用した：私は対数軸（および他の多くのオプション）を使用して最終的にしたいので、

var ctx = document.getElementById('barChart').getContext('2d'); 
var myBarChart = new Chart(ctx).Bar(barChartData); 

は、代わりに次のことをしようとしています、と思われます

var ctx = document.getElementById('barChart').getContext('2d'); 
var myBarChart = new Chart(ctx, { 
    type: 'Bar', 
    data: barChartData  
}); 

これは動作していないようで、チャートは描画されず、コンソールにはJSエラーはありません。

ありがとうございました。また、chart.jsに取り組んでいる人々のおかげです。

Answer 1

barChartDataには何がありますか？

変更

type: 'Bar', 

へ -

var data = { 
    labels: ["January", "February", "March", "April", "May", "June", "July"], 
    datasets: [ 
     { 
      label: "My Second dataset", 
      backgroundColor: "rgba(220,220,220,0.2)", 
      borderColor: "rgba(220,220,220,1)", 
      borderWidth: 1, 
      hoverBackgroundColor: "rgba(220,220,220,0.2)", 
      hoverBorderColor: "rgba(220,220,220,1)", 
      data: [28, 48, 40, 19, 86, 27, 90] 
     }, 
     // Additional data sets go here. 
    ], 
}; 

http://nnnick.github.io/Chart.js/docs-v2/#bar-chart-example-usage

編集：

それは（ドキュメントから）次のようになります

編集＃2 -

ここから2.0ベータ2を引っ張ってChart.JSの正しいバージョンを使用して、あなたを確認することができますbarChartData変数の

https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.0.0-beta2/Chart.min.js