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

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 }
}