Chart Js + arrays

Question

chart.jsを使用するソリューションを動作させようとしていますが、ラベルとdataset.labelパラメータの値を受け入れていません。

chartX.map(function (item) { 
 
    return '"' + item + '"'; 
 
}).join(", "); 
 

 
yAxis = chartY.join(', '); 
 

 
console.log(chartX); // <--- ["Jan", "Feb", "Mar", "Apr", "Maj", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec"] 
 

 
var myChart = new Chart(ctx, { 
 
    type: 'bar', 
 
    data: { 
 
    labels: chartX, 
 
    datasets: [{ 
 
     label: 'Försäjlning', 
 
     data: yAxis 
 
    }] 
 
}

を：あなたは私がやっているものを見ることができますので、私は、配列内の値をキャッチして、パラメータに配列を渡していたラベルのパラメータについては

、コードに見てみましょう

chartXは配列で、マップ内に書式設定されます。結果はconsole.log（chartX）で確認できます。 chartY配列の場合、私は '、'と結合してyAxis変数に保存します。これは、私がconsole.logを実行するときにも私に期待値を与えています。

問題は、グラフjsが配列を気に入らないように見えることは、エラーメッセージでさえ何も表示していないためです。

誰かに似たような問題が発生しましたか？ 何が間違っていますか？

感謝!!!

Answer 1

は、ここでは、この を試してみてください、あなたのHTMLはここ

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script> 
<canvas id="myChart" width="200" height="100"></canvas> 

であるあなたのjsが、私は解決策を見つけたいくつかのテストの後

var arr=["Jan", "Feb", "Mar", "Apr", "Maj", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec"]; 
var ctx = document.getElementById('myChart').getContext('2d'); 
var chart = new Chart(ctx, { 
     // The type of chart we want to create 
     type: 'bar', 
     // The data for our dataset 
     data: { 
      labels:arr, 
      datasets: [{ 
       label: "My First dataset", 
       backgroundColor: 'rgb(255, 99, 132)', 
       borderColor: 'rgb(255, 99, 132)', 
       data: [0, 10, 5, 2, 20, 30, 45, 5, 2, 20, 30, 45], 
      }] 
     }, 

     // Configuration options go here 
     options: {} 
    });