使用 d3.scaleLinear() 函数创建刻度尺时,默认会显示多个刻度值,包括小数。如果只想显示 1 和 0 两个刻度值,可以使用 .tickValues() 方法来指定要显示的刻度值。

d3.scaleLinear()
    .domain([1, 0])
    .range([0, 100])
    .tickValues([0, 1]);

这段代码创建了一个线性刻度尺,其域为 [1, 0],范围为 [0, 100]。使用 .tickValues([0, 1]) 方法指定了只显示 0 和 1 两个刻度值。

需要注意的是,如果设置了 .range() 方法,则需要将刻度值转换为对应的像素值。

D3.js: 如何在刻度尺上只显示 1 和 0?

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

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