d3.js——比例尺的使用

最新推荐文章于 2021-09-22 16:29:17 发布

叛逆的鲁鲁修love CC

最新推荐文章于 2021-09-22 16:29:17 发布

阅读量158

点赞数

原文链接：http://www.cnblogs.com/weiyangoo/p/7269229.html

版权

在学习d3.js的时候，发现有个函数报错

var linear = d3.scale.linear()

控制台显示找不到linear()

百度后知道这是新版d3(v4)和旧版的d3(v3)的原因

新版d3.js 线性比例尺：

var linear = d3.scaleLinear();

线性比例尺的代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>scale</title>
</head>
<body>
<script src="d3.js"></script>
<script>
    var dataset = [1.2, 2.3, 0.9, 1.5, 3.3];
    var min = d3.min(dataset);
    var max = d3.max(dataset);
    //domain() 和 range() 分别设定比例尺的定义域和值域
    var linear = d3.scaleLinear()
        .domain([min, max])
        .range([0, 300]);

    console.log(linear(0.9));    //返回 0
    console.log(linear(2.3));    //返回 175
    console.log(linear(3.3));    //返回 300
</script>
</body>
</html>

这个d3.js的教程来源：http://d3.decembercafe.org/pages/lessons/6.html

同理：序数比例尺

新版：

var ordinal = d3.scaleOrdinal()

旧版：

var ordinal = d3.scale.ordinal()

转载于:https://www.cnblogs.com/weiyangoo/p/7269229.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

叛逆的鲁鲁修love CC

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
d3.js——比例尺的使用

在学习d3.js的时候，发现有个函数报错var linear = d3.scale.linear()控制台显示找不到linear()百度后知道这是新版d3(v4)和旧版的d3(v3)的原因新版d3.js 线性比例尺：var linear = d3.scaleLinear();线性比例尺的代码：<!DOCTYPE html><...
复制链接

扫一扫