javascript - HighCharts：设置yAxis的值

Question

我在一张这样的图表中结合了牵引线和列

我想设置右 yAxis 显示 {0%, 20%, 40% 60%, 80%, 100%}，
左 yAxis 显示 {0, 10k, 20k, 30k, 40k, 50k}

Answer 1

您可以使用tickPositions ( http://jsfiddle.net/QzXbg/1/ ) 做到这一点：

            yAxis: [{ // Primary yAxis
                labels: {
                    style: {
                        color: '#89A54E'
                    }
                },
                title: {
                    text: 'Actual and forecast',
                    style: {
                        color: '#89A54E'
                    }
                },
                tickPositions: [0, 10000, 20000, 30000, 40000, 50000]
            }, { // Secondary yAxis
                title: {
                    text: 'MAPE',
                    style: {
                        color: '#4572A7'
                    }
                },
                tickPositions: [0, 20, 40, 60, 80, 100],
                labels: {
                    style: {
                        color: '#4572A7'
                    }
                },
                opposite: true
            }],

Answer 2

您也可以只为每个轴使用 tickInterval 属性，而不必单独指定每个刻度。

IE：

yAxis:[{
   tickInterval:10000
},{
   tickInterval:20
}]

假设您的右轴日期已经在您需要的 % 值中。如果没有，您将需要在格式化程序中计算轴标签的百分比。