我有一个包含两个系列的柱形图,其中一个我想要下去而另一个上来,像这样:
然而,这两个系列都有正y值,我无法改变,例如,
blue = [1746181, 1884428, 2089758, 2222362, 2537431, 2507081, 2443179,
2664537, 3556505, 3680231, 3143062, 2721122, 2229181, 2227768,
2176300, 1329968, 836804, 354784, 90569, 28367, 3878];
grey = [1656154, 1787564, 1981671, 2108575, 2403438, 2366003, 2301402, 2519874,
3360596, 3493473, 3050775, 2759560, 2304444, 2426504, 2568938, 1785638,
1447162, 1005011, 330870, 130632, 21208];
使用highcharts选项,是否可以拥有这样的图表?我用于屏幕截图的示例是this jsFiddle,如果它对任何人都有用,但它有一个负值的系列,这对我来说不是一个选项。而是my data is more like this fiddle
答案 0 :(得分:2)
我会尝试使用两个单独的yAx:http://jsfiddle.net/zares7x9/2/,其中一个是reversed
:
yAxis: [{
title: {
text: null
},
top: '5%',
height: '45%',
labels: {
formatter: function () {
return (Math.abs(this.value) / 1000000) + 'M';
}
},
min: 0,
max: 4000000
}, {
title: {
text: null
},
labels: {
formatter: function () {
return (Math.abs(this.value) / 1000000) + 'M';
}
},
offset: 0,
showFirstLabel: false, // hide 0-value
reversed: true, //reverse
top: '50%',
height: '45%',
min: 0,
max: 4000000
}],
设置top
和height
可让您将轴渲染为一个。请注意,您需要为其中一个系列yAxis: 1
设置,以通知Highcharts哪个系列属于哪个轴。