【问题标题】:Hide/Show Data Labels on update更新时隐藏/显示数据标签
【发布时间】:2017-12-07 09:32:40
【问题描述】:

我想用

data: {
  labels: true
}

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

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

现在图表已创建,我想隐藏/显示update 上的这些标签(当我加载新数据时)。我不知道如何正确地做到这一点。

谢谢

【问题讨论】:

    标签: javascript d3.js c3.js


    【解决方案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')...
    

    【讨论】:

    • 我还是有点困惑,因为我从 D3 开始...假设我有 2 个图表(chart1chart2),我怎么只能选择chart1?谢谢
    • 没问题,看更新!两种变体的结果相同。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-01-03
    相关资源
    最近更新 更多