d3js scales深入理解
https://www.cnblogs.com/kidsitcn/p/7182274.html d3js scales深入理解 比例尺函数是这样的javascript函数: 接收通常是数字,日期,类别等data输入并且: 返回一个代表可视化元素的值,比如坐标,颜色,长度或者半径等 比例尺通常用于变换(或者说映射)抽象的数据值到可视量化变量(比如位置,长度,颜色等) 比如,假设我们有以下数组数据: [ 0, 2, 3, 5, 7.5, 9, 10 ] 我们可以这样创建一个比例尺函数: var myScale = d3.scaleLinear() .domain([0, 10]) .range([0, 600]); d3将创建一个myScale函数用于接收[0,10]之间的数据输入(domain)映射为[0,600]像素的位置数据(range) 我们可以使用myScale函数来计算对应数据的positions数据: myScale(0); // returns 0 myScale(2); // returns 120 myScale(3); // returns 180 ... myScale(10); // returns 如上面所说,比例尺主要用于将抽象数据映射为可视的量化元素,比如位置,长度,半径,颜色等。比如,他们可以这样应用 将抽象数据映射为0到500的长度值以便在bar