1. 程式人生 > >d3 比例尺

d3 比例尺

縮放 blog style lin () 生成 ttr 坐標 data

.domain([100, 500]) 定義域範圍
.range([10, 350]) 值域範圍
var scale = d3.scale.linear()
            .domain([100, 500])
            .range([10, 350]);

將100-500的範圍映射到10-350範圍當中

d3.max(dataset,function(d){return d[0]});

返回最大的x軸

var xScale = d3.scale.linear()
             .domain([0, d3.max(dataset, function(d) { return d[0]; })])
             .range([
0, w]);
var yScale = d3.scale.linear()
             .domain([0, d3.max(dataset, function(d) { return d[1]; })])
             .range([0, h]);

分別生成xScale和yScale縮放函數

.attr("cx", function(d) {
    return d[0];
})

根據d的數據返回坐標

.attr("cx", function(d) {
    return xScale(d[0]);
})

將x坐標經過xScale的縮放後返回

d3 比例尺