Graph 在Highcharts堆叠柱形图中显示不同数量的组
我正在尝试创建一个堆叠和分组的柱形高度图,但我只希望最后几个x值具有多个组/堆栈。第一个x值只有一个组/堆栈 为了解释,我绘制了历史值图表,然后比较乐观和保守的预测情景 这是我的名片。有更好的方法吗Graph 在Highcharts堆叠柱形图中显示不同数量的组,graph,highcharts,Graph,Highcharts,我正在尝试创建一个堆叠和分组的柱形高度图,但我只希望最后几个x值具有多个组/堆栈。第一个x值只有一个组/堆栈 为了解释,我绘制了历史值图表,然后比较乐观和保守的预测情景 这是我的名片。有更好的方法吗 series: [{ name: 'Thermal', data: [5, 3, 4, 5], stack: 'conservative', color:'blue' }, {
series: [{
name: 'Thermal',
data: [5, 3, 4, 5],
stack: 'conservative',
color:'blue'
}, {
name: 'PV',
data: [3, 4, 4, 6],
stack: 'conservative',
color: 'red'
}, {
name: 'Thermal',
data: [0, 0, 0, 10],
stack: 'optimistic',
color: 'blue',
showInLegend: false
}, {
name: 'PV',
data: [0,0,0, 12],
stack: 'optimistic',
color: 'red',
showInLegend: false
}]
基本上,highcharts是很棒的,你可以堆叠条形图,并在点的基础上为它们提供相关数据。我为我的系列数组传递了以下内容,并将附加属性传递给工具提示。见:
当然您可以为每个点指定数据点所在的堆栈和组。我看到了,但如果我这样做并为第二个堆栈的第一个x值填充0,则该列仍会偏离中心。我想知道是否有一种正式的方法可以做到这一点-通过拆分图表或通过图表选项。我认为您需要向我们提供有关数据本身的更多信息。你能提供一个示例数据集来说明这个问题和/或设置一个JSFIDLE吗?JSFIDLE的问题是除非我创建第三个堆栈,否则堆栈名是共享的。好的,我现在看到问题了。有差距。将点值设置为null也不起作用。我不确定。您还应该组合第3和第4以及第5和第6个数据对象。
series:[
{name:'Apples', color:'green', data:[{x:0, y:10, year: '2009', scenario: 'historic'}, {x:1, y:11,year: '2010', scenario: 'historic'} ]},
{name:'Oranges', color:'orange', data:[{x:0, y:2, year: '2009', scenario:'historic'}, {x:1, y:5, year: '2010', scenario:'historic'}]},
{name:'Apples',color:'green', data:[{x:1.75, y:12, year:'2011',scenario:'optimistic'}], showInLegend: false },
{name:'Apples', color:'green',data:[{x:2.25, y:3,year:'2011', scenario:'conservative'}], showInLegend: false },
{name:'Oranges',color:'orange', data:[{x:1.75, y:11, year:'2011',scenario:'optimistic'}], showInLegend: false},
{name:'Oranges',color:'orange', data:[{x:2.25, y:6, year:'2011',scenario:'conservative'}], showInLegend: false},
]