グラフjsはグラフを表示しません

Question

私は仕事をしているプロジェクトのチャートjsの例だけを表示しようとします。残念ながら、私はChart Js 1.xを使わなくてはなりません。 私はJSが

を操作

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.1.1/Chart.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<canvas id="zeitsteuerungChart"></canvas>

var barChartData = { 
     labels: ["January", "February", "March", "April", "May", "June", "July"], 
     datasets: [{ 
      label: 'Dataset 1', 
      borderWidth: 1, 
      data: [ 
       "1","1","1","1","1","1","1" 
      ] 
     }, { 
      label: 'Dataset 2', 
      borderWidth: 1, 
      data: [ 
       "1","1","1","1","1","1","1" 
      ] 
     }] 
    }; 
    window.onload = function() { 
     var ctx = document.getElementById("zeitsteuerungChart").getContext("2d"); 
     var myBar = new Chart(ctx, { 
      type: 'bar', 
      data: barChartData 
     }); 
    }; 

:(チャートをhttps://github.com/chartjs/Chart.js/blob/master/samples/bar/bar.html からバーの例を実装しようとしたそれは私が推測する非常に簡単な例ですが、それが実行されていません

<canvas id="zeitsteuerungChart"></canvas>

<canvas id="zeitsteuerungChart" width="300" height="150" style="width: 300px; height: 150px;"></canvas>

しかしthatsのかなりそれに

要素。ダイアグラムは表示されません。コンソールにエラーはありません。私は

var ctx = $("#zeitsteuerungChart").get(0).getContext("2d");

も同様の効果でキャンバスを選択するには、同様にjQueryを使用してみました！このプロジェクトの他のサブページでは、かなりうまくいきます！

Answer 1

v1では、チャートjs v2の構文を使用しています。 V1

var barChartData = { 
    labels: ["January", "February", "March", "April", "May", "June", "July"], 
    datasets: [{ 
    label: 'Dataset 1', 
    borderWidth: 1, 
    data: ["1","1","1","1","1","1","1"] 
    }, 
    { 
    label: 'Dataset 2', 
    borderWidth: 1, 
    data: ["1","1","1","1","1","1","1"] 
    }] 
}; 

window.onload = function() { 
    var ctx = document.getElementById("zeitsteuerungChart").getContext("2d"); 
    var myBar = new Chart(ctx).Bar(barChartData, options); 
}; 

ため

あなたは、チャートオプション（チャートJS V1）hereまたはcomplete options here