d3里的比例尺

 1    // d3中的比例尺也有定义域和值域,分别是domain和range,开发者需要指定domain和range的范围,如此即可以得到一个计算关系;
 2     // 线性比例尺:能将一个连续的区间映射到另一区间,要解决柱形图宽度的问题,就需要线性比例尺;
 3     // 如:
 4     var dataset = [1.2, 2.3, 0.9, 1.5, 3.3];
 5     var min = d3.min(dataset)
 6     var max = d3.max(dataset)
 7     var linear = d3.scale.linear()
 8     .domain([min,max])
 9     .range(0,300)
10     linear(0.9) //0
11     linear(2.3);    //返回 175
12     linear(3.3);    //返回 300
13     // 序数比例尺:定义域和值域不一定是连续的
14     var index = [0, 1, 2, 3, 4];
15     var color = ["red", "blue", "green", "yellow", "black"];
16     // 我们希望 0 对应颜色 red,1 对应 blue,依次类推。
17     var ordinal = d3.scale.ordinal()
18     .domain(index)
19     .range(color);
20     ordinal(0); //返回 red
21     ordinal(2); //返回 green
22     ordinal(4); //返回 black

 

转载于:https://www.cnblogs.com/yangguoe/p/10310060.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值