Apache ECharts splitNumber参数未按预期工作的原因及用法咨询

splitNumber 的核心逻辑 #

splitNumber 只是ECharts给出的参考分割数，并非强制生效的固定值。ECharts会优先保证刻度的可读性（比如取整数、规整的时间/数值间隔），同时结合坐标轴的数据范围、类型（连续/分类）自动调整实际的分割线数量。比如当你设置splitNumber为10，但数据范围的数值刚好能被更小的间隔整除，且这个间隔对应的刻度更易读，ECharts就会自动采用这个间隔，导致分割线数量和设置值不一致。

如何得到想要的分割数量 #

如果要严格固定分割线数量，需要配合以下参数：

• 手动指定刻度间隔 interval：根据坐标轴的min和max计算出间隔值，比如坐标轴范围是0-100，想要10条分割线，就设置interval: 10（(100-0)/10=10）；如果是时间轴，间隔用时间单位，比如interval: 3600 * 1000表示每小时一个刻度。
• 固定坐标轴范围：设置min和max明确坐标轴的起止值，避免ECharts自动扩展范围导致分割数变化。
• 关闭边界留白：如果不需要坐标轴两端留白，设置boundaryGap: false，让刻度从最小值开始，到最大值结束，配合interval能更精准控制分割数。

举个配置示例：

xAxis: {
  type: 'value',
  min: 0,
  max: 14,
  interval: 1.4, // (14-0)/10=1.4，对应10条分割线
  splitNumber: 10 // 配合interval保证逻辑一致性
}

注意：如果强制设置的间隔导致刻度数值不直观（比如小数过多），建议调整min/max让间隔为整数，或者接受少量分割数偏差，优先保证刻度可读性。

内容的提问来源于stack exchange，提问作者tan shi yu