Search code examples
javascriptd3.jschartslinechartc3

how to style style line chart points in c3js


I have a general c3js question. I'm trying to make the points in a C3JS line chart "hollow" (white fill, with a colored stroke), but am having a hard time figuring out how to do that. I've tried to add my own CSS, but it gets overwritten by the direct style tag in the html.

Does anyone have any suggestions?

Thanks!


Solution

  • or you can simply use the .c3-circle class as follow :

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