Angular 7中AmCharts 3.21.5 Y轴整数间隔设置问题

嘿，这个需求我之前在项目里刚好实现过，AmCharts 3.21.5版本里不用自定义标签，靠几个配置就能轻松让Y轴只显示整数刻度，具体这么做：

• 找到你图表配置里的valueAxes（也就是Y轴的配置项），添加step: 1：这个属性直接指定刻度之间的间隔为1，从根源上避免0.5这类小数间隔出现。
• 开启strictMinMax: true：这个配置能确保Y轴的起始和结束值是严格的整数边界（哪怕你没手动设置min/max，AmCharts也会自动计算出合适的整数范围），不会出现比如从0.3开始的尴尬情况。
• 关闭autoGridCount: false：默认AmCharts会自动计算网格数量，关掉这个才能让它严格遵循你设置的step值来生成刻度。

如果需要固定Y轴的起始或结束值（比如强制从0开始），还可以手动设置min和max为整数，比如min: 0，max可以让AmCharts自动计算，也可以手动指定。

给你个Angular里的实际配置示例：

// 你的图表配置对象
const chartConfig = {
  // 其他基础配置（比如类型、容器ID等）
  type: 'serial',
  // ...
  valueAxes: [{
    title: '你的Y轴标题',
    step: 1,
    strictMinMax: true,
    autoGridCount: false,
    // 可选：固定起始值
    // min: 0,
    // 可选：固定结束值，也可以不写让AmCharts自动适配数据
    // max: 10
  }],
  // 数据系列配置
  graphs: [
    // 你的数据系列设置
  ],
  dataProvider: [
    // 你的数据源
  ]
};

// 初始化图表
AmCharts.makeChart('chart-container', chartConfig);

这样配置后，Y轴就会自动生成1,2,3,...这样的整数刻度，完全不用自定义标签，而且数据里如果有小数，图表依然能正常显示数据点，只是刻度是整数。

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