javascript - 在更新时隐藏/显示数据标签

Question

我要用

data: {
  labels: true
}

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

当我使用c3.generate 函数创建一个新图表时非常好。

现在图表已创建，我想在 update 时隐藏/显示这些标签(当我加载新数据时)。我找不到正确的做法。

谢谢

Answer 1

没有内置的方法来切换数据标签。
但是您可以使用 d3.js(c3.js 基于)控制它的可见性:

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

---

更新:

如果您有多个图表，您可以按图表对象选择相应的标签:

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

或按图表ID:

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