chartist.js点没有填充

时间:2017-09-09 10:14:12

标签: javascript css svg stroke chartist.js

我在我的项目中使用了chartist.js。现在我的观点看起来像这样:

enter image description here

其实只是svg行。

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

enter image description here

是否可以使用chartist.js进行任何操作?

1 个答案:

答案 0 :(得分:0)

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

所以你唯一需要做的就是将point-svg从一行更改为一个圆圈。在此之后,你可以在你的CSS中做到这一点。

fill:none;
stroke: tomato;

这就是我现在所拥有的:

enter image description here

您可以使其颜色不同取决于它所在的路径。 离。

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

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