Hide/Show 数据标签更新

Question

我想用

data: {
  labels: true
}

在标准图表中，如下所示：http://c3js.org/samples/data_label.html

使用c3.generate函数创建新图表时非常好

现在图表已创建，我想在 update 上 hide/show 这些标签（当我加载新数据时）。我找不到正确的做法。

谢谢

Answer 1

没有内置的方式来切换数据标签。
但是您可以使用 d3.js 控制其可见性（c3.js 基于）：

d3.select('.c3-chart-texts').style('display', 'none') // or 'block'

---

更新：

如果你有多个图表，你可以select相应的标签或者通过图表对象:

chart1.internal.selectChart.select('.c3-chart-texts')...

或按图表 ID:

d3.select('#chart1').select('.c3-chart-texts')...