无填充的chartist.js点

Question

我在我的项目中使用chartist.js。现在我的观点如下：

​

​

实际上只是svg线。

我需要的是让它看起来像这样：

​

​

用chartist.js做这件事有什么办法吗？

Answer 1

好的，这就是我发现的。这与this有关。

所以你唯一需要做的就是改变点-svg从一个线到另一个圆。在此之后，你可以在你的css中这样做。

fill:none;
stroke: tomato;

这就是我现在拥有的：

​

​

你可以使它不同的颜色取决于它所处的路径。例如。

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

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