在 d3.js 中自定义缩放功能

【问题标题】：Custom the scale function in d3.js在 d3.js 中自定义缩放功能
【发布时间】：2012-11-30 09:04:00
【问题描述】：

我想将1-1000映射到1-190，我的map函数是：

f(x) = { x                     if 1<=x and x<=100,
         100 + (x-100)/10      if 100 < x <= 1000           }

我该怎么办？

【问题讨论】：

【解决方案1】：

最后通过追踪源码得到了解决方案：

d3.scale.linear().domain([1, 100, 1000]).range([1, 100,190]) //poly-linear

【讨论】：

实际上我使用的是 rickshaw.js，它是一个用于创建时间序列图的 javascript 工具包，基于 d3.js。而且它只支持逐线性缩放，所以我需要阅读d3.js的文档并修改它。

【解决方案2】：

我不熟悉 3d.js，但这就是我在普通 JS 中的做法

function toNewScale( x ) {

    return Math.round( x / 1000 * 190 );
}

如果这是你要问的。

【讨论】：