有没有办法扭转负堆叠条的顺序?
我使用Highcharts渲染堆积条形图。当图形渲染堆栈时,它从y 0行开始并按顺序渲染它们,这导致负堆栈看起来相反。
示例(http://jsfiddle.net/moppa/6tenw/2/):
如果您从下到上阅读图表,则会得到以下结果 除“Grapes”之外的所有系列都会获得 Joe,Jane,John 的订单 “Grapes”系列获得 Jane,Joe,John
的订单葡萄系列不符合图例框中的顺序。有什么方法可以解决这个问题吗?
遵守Stack Overflow指南的代码:
$(function () {
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'column'
},
title: {
text: 'Stacked column chart'
},
xAxis: {
categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
},
yAxis: {
title: {
text: 'Total fruit consumption'
},
stackLabels: {
enabled: false,
}
},
plotOptions: {
column: {
stacking: 'normal',
dataLabels: {
enabled: false
}
}
},
series: [{
name: 'John',
data: [50, 30, 40, 70, 20]
}, {
name: 'Jane',
data: [20, 20, 30, -20, 10]
}, {
name: 'Joe',
data: [30, 40, 40, -20, 50]
}]
});
});
});