javascript - 在 Highcharts 中使两个系列指向相反的方向

Question

我有一个包含两个系列的柱形图，我想其中一个向下，另一个向上，如下所示:

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

Answer 1

我会尝试使用两个独立的 yAxes: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 哪个系列属于哪个轴。