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

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