C3js - 仅与行数据标签的组合图表

时间:2017-08-29 19:54:25

标签: javascript d3.js charts c3.js

我想使用c3js创建一个叠加条形图+线条的组合图表。我不想在堆叠的条形图上看到数据标签,但我想看到它们的线条。 我知道那个标志"标签:真/假"显示/隐藏所有标签。 甚至可以做这样的事情吗?

我的代码:

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
    }
});

创建的图表:

Chart created by me

所需图表:

Desired chart

1 个答案:

答案 0 :(得分:2)

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

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

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

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