Javascript C3js-仅用于直线的带数据标签的组合图表
我想使用c3js创建一个具有堆叠条形+直线的组合图。我不想看到堆叠条顶部的数据标签,但我想看到它们的线条。 我知道“labels:true/false”标志显示/隐藏所有标签。 甚至有可能这样做吗 我的代码:Javascript C3js-仅用于直线的带数据标签的组合图表,javascript,d3.js,charts,c3.js,Javascript,D3.js,Charts,C3.js,我想使用c3js创建一个具有堆叠条形+直线的组合图。我不想看到堆叠条顶部的数据标签,但我想看到它们的线条。 我知道“labels:true/false”标志显示/隐藏所有标签。 甚至有可能这样做吗 我的代码: var chart = c3.generate({ data: { columns: [ ['data1', 30, 20, 50, 40, 60, 50], ['data2', 200, 130, 90, 240,
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
}
});
创建的图表:
所需图表:
您可以设置每个数据系列的数据标签格式:
labels: {
format: {
data3: d3.format(),
}
}
..省略数据系列的格式似乎意味着不为该系列绘制标签
非常感谢!这就解决了问题。这正是我所希望的。但我错过了这一页也很奇怪:是的,我应该添加这个链接,因为这个例子就是我在JSFIDLE中使用的(把一个作为一行,只是为了看看它是否有所不同)