Ich habe alle anderen Antworten überprüft und ich habe nicht gefunden, wonach ich suche. Ich versuche, JSON-Daten zu meinem Diagramm hinzuzufügen, und ich habe einige der Daten erfolgreich hinzugefügt, aber die Beschriftungen erscheinen alle als eine Zeichenfolge und meine Farbe wird nur einmal generiert, was bedeutet, dass nur ein Abschnitt des Kreisdiagramms eine Farbe hat . So deklariere ich meine Arrays und lese die Daten in sie ein.Hinzufügen von Labels und Farben zu Chart.JS von Arrays
var labels = [];
var failureData = [];
data.map(function(item) {
labels.push(item.operatorDescription);
});
data.map(function(item) {
failureData.push(item.failureCount);
});
So versuche ich mein Diagramm zu laden.
var config = {
type : 'pie',
data : {
datasets : [ {
data : failureData,
backgroundColor : [ randomColour()],
} ],
labels : [ labels ]
},
options : {
responsive : true
}
};
Die Variable namens failureData geht in die Abschnitte auf der Karte ganz gut, aber die Etiketten sind alle dicht zusammen in einem einzigen Abschnitt und die Farbe erzeugt nur einmal.
Jede Hilfe wäre willkommen.
EDIT: Ich habe über die Etiketten Problem geworden durch
ersetztlabels : [ labels ]
mit
labels: labels
Farben sind immer noch ein Problem, obwohl, es ist nur jetzt eine einzige Farbe in allen Teilen zu verbreiten.
Bearbeiten 2: Ich habe das andere Problem gelöst, indem Sie ein Array von zufälligen Farbdaten erstellen und das in den Farben übergeben.