6
x.scale = d3.time.scale().domain(x.extent).range([0, dimensions.graph.width]);

此代码使用x.extent( [Wed Aug 01 2012 00:00:00 GMT+0300 (EEST), Tue Aug 07 2012 00:00:00 GMT+0300 (EEST)]) 和图形宽度 (1000) 生成x值比例。但是,我需要将此值四舍五入为最接近的 25 ( Math.round(x/25)*25) 的倍数。

通过这样做,我想获得现在定义为的精确宽度刻度:

x.axis = d3.svg.axis()
    .ticks(d3.time.days, 1)
    .tickSize(10, 5, 0)
    .scale(x.scale);

如何扩展x.scale到舍入到最接近的 25 倍数?

4

3 回答 3

5

正确答案是interpolateRound,来自文档

返回两个数字 a 和 b 之间的插值器;插值器类似于interpolateNumber,除了它将结果值四舍五入到最接近的整数。

var xScale = d3.scaleLinear()
    .domain([0, 100])
    .range([0, width])
    .interpolate(d3.interpolateRound); // <-- round interpolation
于 2019-03-26T08:31:50.327 回答
3

Are you looking for the nice function?

x.scale = d3.time.scale().domain(x.extent)
            .range([0, dimensions.graph.width]).nice();
于 2013-10-22T15:50:07.060 回答
1

也许我误解了,但是您不能在应用缩放功能后按照您的建议转换结果吗?IE:

function roundScale(origVal) { return Math.round(x.scale(origVal)/25) * 25;}

然后使用该值设置属性:

.attr("x", function(d) { return roundScale(d.value); }
于 2012-08-26T19:14:53.163 回答