在highcharts中使两个系列指向相反的方向

时间:2015-01-28 06:36:00

标签: javascript highcharts

我有一个包含两个系列的柱形图,其中一个我想要下去而另一个上来,像这样: enter image description here

然而,这两个系列都有正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

1 个答案:

答案 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
        }],

设置topheight可让您将轴渲染为一个。请注意,您需要为其中一个系列yAxis: 1设置,以通知Highcharts哪个系列属于哪个轴。