需要不显示或不生成图表标记

Question

此CSS正在删除标记...

#mychart .c3-circles-avg2017,
#mychart .c3-circles-avg2018 {
   display: none;
}

是一种难看的方法，因为所有配置和图表定义都在Javascrpt上。我需要通过Javascript做，理想情况是使用C3或D3 ...我尝试使用D3，但它不起作用：

d3.selectAll('#mychart .c3-circles-avg2017').style("display","none");
d3.selectAll('#mychart .c3-circles-avg2018').style("display","none");

如何通过Javascript获得相同的CSS效果？ （或对C3说不加标记）。

---

（在@thatOneGuy评论后编辑）

哎呀，抱歉，我的D3命令正在工作...所以这只是一个C3问题

https://jsfiddle.net/jo1h0dyb/

Answer 1

如果这是用于折线图中的圆，并且您想在配置中完成，则需要设置point.r。从参考资料尚不清楚，但是它可以使用一个具有数据点{id，index，value，x}作为参数以及固定值的函数。

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

尝试这种情况：

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