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

使用D3制作图表

LuckyYang 其它
难度中级
时长 1小时52分
学习人数
综合评分9.47
36人评价 查看评价
9.9 内容实用
9.3 简洁易懂
9.2 逻辑清晰
目前的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
目前attr({name:value})的方法我用着无效。如果有遇到相同问题的,可以多次调用attr(name,value)即可。
感觉老师.记录下来,打算封装成函数,然后写博客

最新回答 / Nick_arron
<...code...><...code...>
英文文档 阅读很吃力 才来看视频的
先走马观花地看了一遍,有个大概印象。
谢谢yang老师。

最新回答 / Yexiaomo
贴代码 (^·_·^),多重复看视频,还有控制台信息 QAQ ~~~ (注: 老师的是 v3版本, 可能你用的是 v4)
十分感谢老师
老师讲的还是很详细的,自己有些粗心,有些效果没出来的看了两遍找出问题所在了!
text默认隐藏的,在d3.js v4中 设置一个css属性就好 text{
fill:black;
}
大家看的时候对着api查一查就好
https://github.com/d3/d3/blob/master/API.md#axes-d3-axis
要是在课程开始 预览一下最终的实现效果就好了, 听了半天不知道这节课要做什么
@君子为学, transform是css3的东西, 做web的css学得不溜, 怪老师讲的不详细, 醉了, 在d3的课程中还是不要讲css3的东西, 会浪费知道的人的时间, 谢谢.
课程须知
有html,css和javascript基础的同学学习这门课程会比较容易一些。没有基础的同学,也可以通过课程里面的例子加深自己对相关知识的理解。
老师告诉你能学到什么?
如何使用select和selectAll选择DOM元素、如何使用append添加DOM元素、如何使用line,area等方法生成图表曲线、如何使用数据文件让我们的图表可以随着数据变化而动态更新。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消