ApexCharts X轴小数显示异常，stepSize配置不生效问题排查

核心原因 #

你设置的X轴类型为category（分类轴），但min、max、stepSize是**数值型轴（type: 'value'）**的专属配置，分类轴会直接忽略这些参数：

• 当categories为空数组时，图表会自动生成默认的整数刻度（0、1、2...6），经过toFixed(2)格式化后就变成了0.00、1.00直到6.00，完全不受你传入的this.min和this.max影响。
• stepSize参数仅对数值轴生效，分类轴不会识别该配置，因此步进依然是整数。

解决方案 #

将X轴类型改为value（数值轴），让min、max、stepSize配置生效，同时调整刻度格式化逻辑：

xaxis: {
  type: 'value', // 切换为数值轴
  min: 0.035, // 按预期设置起始刻度（或保留this.min后按需四舍五入）
  max: 5.23,   // 设置预期的结束刻度
  stepSize: 0.5,
  title: {
    text: 'Label'
  },
  labels: {
    formatter: function (val) {
      return val.toFixed(2); // 保留两位小数显示
    }
  },
  // 若使用ApexCharts，可添加tickPlacement确保刻度严格对齐步长
  // tickPlacement: 'on'
}

额外说明 #

如果你的数据源本质是分类数据，但需要数值化的刻度表现，建议先将分类数据转换为对应的数值数组，再使用数值轴配置。如果是纯数值数据，直接使用type: 'value'即可实现预期的刻度范围和步进。

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