chartist.js points sans remplissage

Question

J'utilise chartist.js dans mon projet. En ce moment mes points ressemble à ceci enter image description here

Qui sont réellement juste la ligne de svg.

Ce que je dois faire est trop regarder comme ça enter image description here

Est-il possible de le faire en utilisant chartist.js?

Answer 1

Ok c'est ce que j'ai trouvé. Il est lié à this. La seule chose que vous devez faire est de changer point-svg de ligne en cercle. Et après cela, vous pouvez le faire dans votre css.

fill:none; 
stroke: tomato; 

C'est ce que j'ai en ce moment. enter image description here

Vous pouvez rendre la couleur différente selon le chemin dans lequel il se trouve. ex.

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

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