Gute Frage zu ChartJS. Ich wollte etwas Ähnliches machen. d. h. dynamisch die Punktfarbe zu einer anderen Farbe ändern. Hast du das unten versucht? Ich habe es gerade ausprobiert und es hat für mich funktioniert.
Versuchen Sie Folgendes:
%Vor%Oder versuchen Sie es:
%Vor%Oder auch das:
%Vor%Dann tu das:
%Vor%Ich denke, du könntest etwas wie
haben %Vor%Probieren Sie es trotzdem aus.
Bei der Aktualisierung auf Version 2.2.2 von ChartJS habe ich festgestellt, dass die angenommene Antwort nicht mehr funktioniert. Die Datasets nehmen ein Array, das Styling-Informationen für die Eigenschaften enthält. In diesem Fall:
%Vor%Ich fand dies durch die Beispiele für ChartJS, insbesondere dieses: "Beispiel für verschiedene Punktgrößen"
Hier ist, was bei mir funktioniert hat (v 2.7.0), zuerst musste ich pointBackgroundColor und pointBorderColor im Dataset auf ein Array setzen (Sie können dieses Array an erster Stelle mit Farben füllen, wenn Sie wollen):
%Vor%Dann kannst du direkt mit den Farben der Punkte affen:
%Vor%Einige andere Eigenschaften, mit denen man spielen kann, um einen Punkt zu unterscheiden: pointStrokeColor (es existiert scheinbar, aber ich kann nicht scheinen, dass es funktioniert), pointRadius & amp; pointHoverRadius (Ganzzahlen), pointStyle ('Dreieck', 'rect', 'rectRot', 'cross', 'crossRot', 'Stern', 'Linie' und 'Strich'), obwohl ich nicht herausfinden kann die Standardwerte für pointRadius und pointStyle.
Wenn Sie das myChart auf diese Weise initialisieren,
%Vor%Sie müssen die Linienfarbe mit diesem Code ändern
%Vor%Wenn Sie das myChart auf diese Weise initialisieren,
%Vor%Sie müssen die Linienfarbe mit diesem Code ändern
%Vor%Tags und Links javascript angularjs chart.js linechart