D3.js如何设置Y轴刻度间隔为25 显示0、25、50、75、100刻度

修改Y轴的初始化逻辑，追加刻度配置即可，有两种常用实现方式：

• 方式1：显式指定刻度值（效果最可控，完全匹配目标序列）
  直接调用轴的tickValues()方法，传入你需要渲染的刻度数组，修改对应代码段如下：

  // 原代码
  // const yAix = axisLeft(yScale);
  // 修改后
  const yAix = axisLeft(yScale).tickValues([0, 25, 50, 75, 100]);
  

  这种写法会强制Y轴只渲染你传入的几个刻度，不会生成额外的中间刻度，完全符合你要的(0,25,50,75,100)显示效果。

• 方式2：按间隔自动生成刻度（适合domain动态变化的场景）
  如果后续Y轴的取值范围可能动态调整，不想硬编码刻度值，可以调用ticks()方法指定刻度间隔：

  const yAix = axisLeft(yScale).ticks(25);
  

  对于0-100的线性比例尺，该配置会自动按25为间隔生成刻度，输出结果和方式1一致。

两种方式都不需要修改你现有的yScale domain配置，只需要调整Y轴实例的初始化代码即可，其他渲染逻辑不用改动。

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