chartist.js Punkte ohne Füllung

Question

Ich verwende chartist.js in meinem Projekt. Im Moment sieht meine Punkte so aus enter image description here

Die sind eigentlich nur Svg-Linie.

Was ich brauche, ist zu lassen es so aussehen wie diese enter image description here

Ist es eine Möglichkeit, es zu tun chartist.js mit?

Answer 1

Ok, das habe ich gefunden. Es ist verwandt mit this.

Das einzige, was Sie tun müssen, ist Punkt-Svg von Zeile zu Kreis zu ändern. Und danach kannst du das in deinem CSS machen.

fill:none; 
stroke: tomato; 

Dies ist, was ich gerade habe. enter image description here

Sie können es unterschiedliche Farbe hängt davon ab, in welchem ​​Pfad es sich befindet. ex.

.ct-circle{fill:none;} 
.ct-series-a .ct-circle { 
    stroke: red; 
} 

.ct-series-b .ct-circle { 
    stroke: green; 
}