javascript - Highcharts - 双 yAxis 不显示

Question

我有这张图表

http://jsfiddle.net/WMa55/3/

        series: [

            {
                name: 'distance',
                type: 'column',
                data: [4.0, 0.0, 0.0, 5.0, 1.0, 0.0, 9.0],
                borderRadius: 2
            }, {
                name: 'weight',
                color: '#89A54E',
                type: 'spline',
                data: [165.0, 160.9, 159.5, 155.5, 162.2, 179.5, 125.2],
                tooltip: {
                    valueSuffix: '--'
                }
            }
        ]

我想显示两个 yAxis 标签，一个在右侧，一个在左侧。它似乎只使用一个。

我认为这是由于自定义标签格式，但不是积极的。我不希望两组数据使用相同的范围。任何人都知道为什么它只会显示一个轴？

Answer 1

我可以从顶部看到两个问题：

1.) 您没有分配任何系列来绘制第二个 y 轴。

yAxis: 1

2.）您的右边距为-4，这抑制了右 y 轴的绘制。

marginRight: -4,  // where's the axis going to draw if it doesn't have space?

更新了小提琴。