gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-29 21:02:15 27 4
gpt4 key购买 nike

我想使用 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 by me

所需图表:

Desired chart

最佳答案

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

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

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

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

关于javascript - C3js - 仅用于线条的带有数据标签的组合图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45947355/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com