d3.scaleLinear()可以将一个连续的数值域映射到另一个连续的数值域。其中步数可以通过.range()方法来设置,例如将步数设为12:

var linearScale = d3.scaleLinear()
  .domain([0, 100])
  .range([0, 600])
  .ticks(12);

这样就将输入域[0, 100]映射到输出域[0, 600],并且输出域以12个刻度分割。如果想要定制化刻度的位置,可以使用.tickValues()方法。例如:

var linearScale = d3.scaleLinear()
  .domain([0, 100])
  .range([0, 600])
  .tickValues([20, 40, 60, 80]);

这样就将刻度设置为20、40、60、80。

d3 scaleLinear 步数设为12

原文地址: https://www.cveoy.top/t/topic/7yD 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录