【问题标题】:C3js - combination chart with data labels only for lineC3js - 仅用于线条的带有数据标签的组合图表
【发布时间】:2018-02-07 09:31:58
【问题描述】:

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

已创建图表:

所需图表:

【问题讨论】:

    标签: javascript d3.js charts c3.js


    【解决方案1】:

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

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

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

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

    【讨论】:

    • 非常感谢!这解决了它。这正是我所希望的。但也很奇怪我怎么错过了这个页面:c3js data_label_format
    • 是的,我应该添加那个链接,因为那个例子是我在 jsfiddle 中使用的(做了一行只是为了看看它是否有所作为)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-11-26
    • 1970-01-01
    • 2017-06-05
    • 2016-03-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多