如何在c3js中设置样式线图表点的样式

Question

我有一个一般的c3js问题.我试图让C3JS折线图中的点"空心"(白色填充,带有彩色笔划),但我很难搞清楚如何做到这一点.我试图添加自己的CSS,但它被stylehtml中的直接标记覆盖.

有没有人有什么建议？

谢谢!

Answer 1

或者你可以简单地使用.c3-circle类如下:

.c3-circle {
    stroke-width: 2px;
    stroke: #fff;
}

Answer 2

您可能需要深入研究D3代码以在svg上操作它们,如下所示:

d3.selectAll("circle")
  .attr("r", 10)
  .style("fill", "white")
  .style("stroke", "black")
  .style("stroke-width", 5);