javascript - chartist.js 点无填充

Question

我在我的元素中使用 chartist.js。现在我的观点是这样的:

实际上只是 svg 行。

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

有没有办法使用 chartist.js 来做到这一点？

Answer 1

好的，这就是我找到的。与this有关.

因此，您唯一需要做的就是将 point-svg 从线更改为圆。在此之后，您可以在您的 CSS 中执行此操作。

fill:none;
stroke: tomato;

这是我现在拥有的:

您可以根据它所在的路径将其设置为不同的颜色。例如。

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

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