javascript - C3js - 仅用于线条的带有数据标签的组合图表

Question

我想使用 c3js 创建一个包含堆叠条形图和折线图的组合图表。我不想在堆叠条形图的顶部看到数据标签，但我想在线条上看到它们。 我知道标志“labels: true/false”正在显示/隐藏所有标签。 甚至可以做这样的事情吗？

我的代码:

var chart = c3.generate({
    data: {
        columns: [
            ['data1', 30, 20, 50, 40, 60, 50],
            ['data2', 200, 130, 90, 240, 130, 220],
            ['data3', 100, 230, 390, 440, 230, 120],
            ['line4', 430, 480, 630, 820, 450, 490]
        ],
        type: 'bar',
        types: {
            line4: 'line'
        },
        groups: [
            ['data1','data2', 'data3']
        ],
        labels: true
    }
});

图表创建:

所需图表:

Answer 1

您可以为每个数据系列设置数据标签格式:

    labels: {
        format: {
            data3: d3.format(),
        }
    }

..似乎省略了数据系列的格式意味着没有为该系列绘制标签。

http://jsfiddle.net/wn3vzn0k/424/