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

Question

我想用

data: {
  labels: true
}

在标准图表中，如下所示：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')...