为了账号安全,请及时绑定邮箱和手机立即绑定

使用D3制作图表

LuckyYang 其它
难度中级
时长 1小时52分
学习人数
综合评分9.47
36人评价 查看评价
9.9 内容实用
9.3 简洁易懂
9.2 逻辑清晰
D3 3版本的和4版本的 许多代码不一样,还好评论区里面有好心人标出来,谢谢

已采纳回答 / 尤水就下3783409
版本不一样,你直接写d3.line()即可,不用svg
66666666666666666666666666
这用的d3哪个版本,为什么我测试都不行,版本差异吗?
V4
nterpolate("cardinal") -> curve(d3.curveCardinal);
d3.svg.line() -> d3.line()
d3.scale.linear() -> d3.scaleLinear()
老师说话的声音很像吴亦凡哦!
成功激发我的欲望

最新回答 / xsw2012
<!DOCTYPE html><html><head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/style.css"> <title>barchart_horizontal</title></head><body> <div id="container"></div> &l...
非常感谢老师 结合入门这些课程里的例子 再看API就看得进去多了

已采纳回答 / 慕粉2023498883
我只能说一下概念,能力有限,不好意思。在对应的标签中用hover样式,里面调用函数显示内容,内容里面传入对应内容节点数组的x,y参数,然后对应的调用另一个显示内容的函数,用来显示内容。
入门级不错,希望有更深入的课程。
var arc_generator = d3.arc()
var color = d3.schemeCategory10; // 直接就是数组
目前的d3 v4版本,视频中的scale_x设置方法如下:
var scale_x = d3.scaleBand()
.domain(data.map(function (d) {
return d.population;
}))
.range([0, width])
.padding(.1);

版本差异:https://github.com/d3/d3/blob/master/CHANGES.md
课程须知
有html,css和javascript基础的同学学习这门课程会比较容易一些。没有基础的同学,也可以通过课程里面的例子加深自己对相关知识的理解。
老师告诉你能学到什么?
如何使用select和selectAll选择DOM元素、如何使用append添加DOM元素、如何使用line,area等方法生成图表曲线、如何使用数据文件让我们的图表可以随着数据变化而动态更新。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消