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

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')...