Wie style Stil Liniendiagramm Punkte in c3js

Question

Ich habe eine allgemeine c3js Frage. Ich versuche, die Punkte in einem C3JS Liniendiagramm "hohl" (weiße Füllung, mit einem farbigen Strich) zu machen, aber es fällt mir schwer, herauszufinden, wie das geht. Ich habe versucht, mein eigenes CSS hinzuzufügen, aber es wird durch den direkten style Tag im HTML überschrieben.

Hat jemand irgendwelche Vorschläge?

Danke!

Answer 1

oder Sie können einfach die .c3-Kreisklasse wie folgt verwendet werden:

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

Answer 2

Sie würden wahrscheinlich müssen in den D3-Code tauchen sie auf dem svg zu manipulieren, so etwas wie dieses:

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