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

问题描述 投票:2回答:1

我想使用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
    }
});

Chart created:

Desired Chart:

javascript d3.js charts c3.js
1个回答
2
投票

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

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.