如何在c3js

时间:2015-05-14 21:54:58

标签: javascript d3.js charts linechart c3

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

有人有任何建议吗?

谢谢!

2 个答案:

答案 0 :(得分:9)

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

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

答案 1 :(得分:5)

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

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