chartist.js points without fill

Question

I'm using chartist.js in my project. Right now my points looks like this:

Which are actually just svg line.

What I need is to make look it like this:

Is it any way to do it using chartist.js ?

Answer 1

Ok this is what I found. It is related to this.

So the only thing you need to do is change point-svg from line to circle. And after this u can do this in your css.

fill:none;
stroke: tomato;

This is what I have right now:

You can make it different color depends inside which path it is located. ex.

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

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