2017-10-14 1 views
0

Mise à jour dynamique d'un graphique chartjs et création des étiquettes dans un format de tableau (["A", "B", "C"]). Cependant, chartjs n'accepte pas un appui sur le tableau d'étiquettes sauf s'il est au format "A", "B", "C" (sans crochets). Quelqu'un d'autre l'expérience ou ai-je mal compris? Se code ci-dessous. Produit ce enter image description herechartjs pousser le tableau à l'étiquette ne fonctionne pas

Au lieu de cela (ok lors de l'ajout d'étiquettes comme chart.data.labels.push ("A", "B", "C", "D") enter image description here

var chart = new Chart(document.getElementById("element"), { 
     type: 'bar', 
     options: { 
      legend: { 
       display: false 
      } 
     } 
    }); 
    //PUSH DATA TO GRAPH. 
     var verserier = []; 
     var veromslperserie = []; 
     var stat = seriestat(); //function to retrieve data for labels 
     $.each(stat, function(i, item) { 
      verserier.push(i); 
      veromslperserie.push(item["omsl"]); 
     }); 
     chart.data.labels.push(verserier); //error occurs here 
     chart.data.datasets.push({ 
       label: "Omsl", 
       data: veromslperserie, 
       backgroundColor: colorarray, 
     }); 
     chart.update(); 
+0

Une solution est Bien sûr, pour pousser chaque itération, mais juste étrange un tableau total ne peut pas être poussé de la même manière que pour l'ensemble de données lui-même. chartomslperserie.data.labels.push (i); –

Répondre

0

Lorsque vous poussez en dehors de la boucle que vous poussiez en fait verserier en position [n], qui dans ce cas est 0.

Si vous n'ajoutez pas les valeurs que vous pouvez faire à nouveau

chart.data.labels = verserier 
+0

Bien sûr! Merci! –