如何根据第一个yAxis的数据设置第二个yAxis比例

Question

我有一个奇怪的要求.我的老板要我用第二轴改进现有的图表.

蓝色区域必须定义第二个轴的比例,就像读取绿色区域的完成百分比一样.100%值必须是蓝色区域的最大值.我可以毫无困难地收集蓝色区域的最高值,但我不知道如何根据此值设置第二个轴的属性.问题是第二轴没有任何数据关联,因此,他没有显示......

任何的想法 ？

PS:我试图尽可能清楚,但也许情况并非如此.如果您需要更多解释,请随时告诉我.

Answer 1

您可以使用axis.linkedTo获取第二个轴和数据格式化程序,以获取格式化为百分比的数据.

我不修改系列数据,只更改第二个yAxis比例,工具提示和数据标签中显示的文本.

yAxis: [{
    // Default options
}, {
    linkedTo: 0,
    opposite: true,
    labels: {
        formatter: function () {
            return formatPercent(this.value);
        }
    }
}]

关于jsFiddle的例子:http://jsfiddle.net/uPHZx/