highcharts - 双轴对 Highcharts 中的同一系列使用百分比和绝对值

Question

我需要使用一个系列中 Y 轴的百分比和绝对值。

highchart http://www.highcharts.com/demo/combo-multi-axes中有一些例子但它使用两个不同的系列。例如，我需要 Y 轴中的值直到 1000，而另一个 Y 轴中的值显示项目系列的百分比。

Answer 1

您可以创建第二个 Y 轴并使用 xAxis.linkedTo 将其链接到第一个(第 0 个)Y 轴。 属性(property)。然后在第二个轴的标签格式化程序中，进行计算以获得百分比。

yAxis:[{            
    },
    {
        labels:{
            formatter:function(){
                var max=this.axis.linkedParent.dataMax,
                    min=this.axis.linkedParent.dataMin,
                    range=max-min;                       
                return ((this.value-min)/(range)*100) + ' %';
            }
        },
        linkedTo:0,
        opposite:true
    }
]

<强> Dual axes | Highchart & Highstock @ jsFiddle