线性比例尺

线性比例尺,能够将一个连续的区间,映射到另一个区间

var min = d3.min(dataset);
var max = d3.max(dataset);

var linear = d3.scaleLinear()
        .domain([min, max])
        .range([0, 300]);

linear(0.9);    //返回 0
linear(2.3);    //返回 175
linear(3.3);    //返回 300

序数比例尺

有时,定义域和值域不一定是连续的,例如存在两个数据

var index = [0, 1, 2, 3, 4];
var color = ["red", "blue", "green", "yellow", "black"];

如果需要将0对应颜色red,而1对应blue,则可以使用序数比例尺

var ordinal = d3.scaleOrdinal()
        .domain(index)
        .range(color);

results matching ""

    No results matching ""