HighchartsReact Y轴如何仅显示整数刻度？

你遇到的问题根源是：仅格式化刻度标签的显示，但Highcharts仍在自动生成小数刻度（比如0、0.5、1），格式化后0.5被显示为0，1.5被显示为1，最终看起来刻度重复。要彻底解决，需要让Highcharts直接生成整数刻度，而非只修改标签样式：

方法一：禁用小数刻度 #

通过allowDecimals: false直接限制Y轴不生成小数刻度，这是最直接的解决方案：

yAxis: {
    allowDecimals: false,
    labels: {
        format: '{value:.0f}' // 可选，禁用小数后刻度本身已是整数，可省略该配置
    }
},

方法二：强制刻度间隔为1 #

如果需要灵活自定义刻度间隔，可设置tickInterval: 1，强制Y轴每隔1个单位生成一个刻度：

yAxis: {
    tickInterval: 1,
    labels: {
        format: '{value:.0f}'
    }
},

两种方案都能解决重复刻度问题：allowDecimals适合需要确保所有刻度均为整数的场景；tickInterval则适合需要自定义间隔（比如间隔2、5等）的情况。

内容的提问来源于stack exchange，提问作者Tal Levi