HighCharts：设置yAxis的值

Posted 2023-03-14

【中文标题】HighCharts：设置yAxis的值

【英文标题】：HighCharts:set the value of yAxis

【发布时间】：2013-04-12 01:25:47

【问题描述】：

我在一个图表中组合了拖线和列，如下所示

我想设置正确的 yAxis 显示 0%, 20%, 40% 60%, 80%, 100%, 左侧 yAxis 显示 0, 10k, 20k, 30k, 40k, 50k

【问题讨论】：

尝试在jsfiddle上放一个示例代码

jsfiddle 演示：jsfiddle.net/QzXbg

【参考方案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
            ],

【讨论】：

这是tickPositions API的链接：api.highcharts.com/highcharts#yAxis.tickPositions

【参考方案2】：

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

即：

yAxis:[
   tickInterval:10000
,
   tickInterval:20
]

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