javascript - d3.scale.线性()不工作

Question

我正在使用 d3.scale.linear() 将输入域缩放到输出范围。我查看了这个文档

http://alignedleft.com/tutorials/d3/scales

目前为止

//here I am declaring the domain and range by passing the max, min as parameters
    var rScale = d3.scale.linear()
        .domain('min', 'max')
        .range('10', '250'); 

我预先计算最大值和最小值并将它们存储在变量中并将这些变量作为参数传递给域和范围

然后我只是将 rScale 作为参数传递给圆的属性，如 .attr('r',rScale)

似乎无法弄清楚我做错了什么

这是我的 fiddle

http://jsfiddle.net/sghoush1/Vn7mf/19/

Answer 1

将域和范围作为数组传递。

D3 v3 uses:-
-------------
var rscale = d3.scale.linear()
             .domain([min,max])
             .range([10,300])

D3 v4:-
-----------
var rscale = d3.scaleLinear()
             .domain([min,max])
             .range([10,300])