Need To Display None Or Not Generate Chart Marks

This CSS is working for remove marks... #mychart .c3-circles-avg2017, #mychart .c3-circles-avg2018 { display: none; } is a ugly way to do it, because all configs and chart def

Solution 1:

If this is for the circles in a line graph, and you want to do it in the config, point.r is what needs set. It's not clear from the reference but it can take a function that has a datapoint {id, index, value, x} as an argument as well as a fixed value.

https://c3js.org/reference.html#point-r

Try this in your case:

point: {
  r: function (d) { return (d.id === "avg2017" || d.id === "avg2018") ? 0 : 5 }
}