d3 scaleLinear 步数设为12
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。
原文地址: https://www.cveoy.top/t/topic/7yD 著作权归作者所有。请勿转载和采集!