如何在c3js中設計風格折線圖點

Question

我有一個普通的c3js問題。我試圖在C3JS線條圖中「中空」（白色填充，彩色筆畫），但我很難搞清楚如何做到這一點。我試圖添加自己的CSS，但它被html中的直接style標籤覆蓋。

有沒有人有任何建議？

謝謝！

Answer 1

，或者你可以簡單地使用≥C3圈類如下：

.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);