javascript - 如何在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);