gpt4 book ai didi

javascript - Highcharts 堆栈组列的正确 x 轴

转载 作者:行者123 更新时间:2023-12-03 20:02:35 24 4
gpt4 key购买 nike

我正在尝试开发一个使用 1 个度量和 3 个维度来可视化数据的图表。我将一个维度放在 x 轴上,一个作为堆栈,一个作为系列列表。

HighCharts 具有我用作基础的堆叠分组柱形图。见我的jsfiddle .

    series: [{
name: 'John',
color: '#ff4400',
data: [5, 3, 4, 7, 2],
stack: '2014'
}, {
name: 'Joe',
color: '#44ff00',
data: [3, 4, 4, 2, 5],
stack: '2014'
}, {
name: 'John',
color: '#ff4400',
data: [2, 5, 6, 2, 1],
showInLegend: false,
stack: '2015'
}, {
name: 'Joe',
data: [3, 0, 4, 4, 3],
color: '#44ff00',
showInLegend: false,
stack: '2015'
}]

enter image description here

我希望能够在第二级 x 轴上显示 堆栈名称。我知道 group-plugin ,但这似乎不适用于堆栈。

有什么提示吗?

最佳答案

这可能不是最好的解决方案(所以请继续前进),但我现在伪造了一个数据序列。

jsfiddle update

  xAxis: [{
categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
},
{
categories: ['2014', '2015', '2014', '2015', '2014', '2015','2014', '2015', '2014', '2015'],
opposite: true
}],
series: [{
name: 'John',
color: '#ff4400',
data: [5, 3, 4, 7, 2],
stack: '2014',

}, {
name: 'Joe',
color: '#44ff00',
data: [3, 4, 4, 2, 5],
stack: '2014',

}, {
name: 'John',
color: '#ff4400',
data: [2, 5, 6, 2, 1],
showInLegend: false,
stack: '2015'
}, {
name: 'Joe',
data: [3, 0, 4, 4, 3],
color: '#44ff00',
showInLegend: false,
stack: '2015'
}, {
name: '',
data: [0, 0, 0,0, 0, 0,0, 0, 0,0],
showInLegend: false,
stack: '2015',
xAxis: 1
}]

结果: enter image description here

更新

摆弄假轴标签:http://jsfiddle.net/b72e0vh4/8/ enter image description here

关于javascript - Highcharts 堆栈组列的正确 x 轴,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31028330/

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