如何在Flutter charts_flutter库中自定义图表X轴Y轴的最小和最大刻度值

charts_flutter完全支持自定义X、Y轴的最小和最大显示值，只需要给对应轴的NumericAxisSpec配置viewport参数即可，参数类型为charts.NumericExtents，传入你指定的最小、最大值就可以生效。

修改后的代码示例如下（以Y轴范围10_{80、X轴范围5}60为例）：

charts.ScatterPlotChart(
  seriesList,
  primaryMeasureAxis: charts.NumericAxisSpec(
    // 自定义Y轴显示范围
    viewport: charts.NumericExtents(10, 80),
    tickProviderSpec: const charts.BasicNumericTickProviderSpec(
      desiredMaxTickCount: 2,
    ),
  ),  
  domainAxis: charts.NumericAxisSpec(
    // 自定义X轴显示范围
    viewport: charts.NumericExtents(5, 60),
    tickProviderSpec: const charts.BasicNumericTickProviderSpec(
      desiredTickCount: 2,
    ),
  ),
  // 其余原有配置保持不变
  ...
)

补充说明：

• 如果你设置的显示范围小于你的实际数据范围，超出范围的数据点默认会被裁剪不会显示
• 如果需要保留所有数据、仅强制初始显示自定义范围，可额外给NumericAxisSpec添加axisPanEnabled: true配置，用户后续可以手动滑动查看其他区域的内容

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