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

使用D3制作图表

LuckyYang 其它
难度中级
时长 1小时52分
学习人数
综合评分9.47
36人评价 查看评价
9.9 内容实用
9.3 简洁易懂
9.2 逻辑清晰
感谢老师,真的通过这个课程d3入门了,剩下就是项目里面去时间,多看书,多看源码了
这是我根据老师课程做的图表代码:https://github.com/Wobugaosuni/d3Chart,使用的是4.0以上版本的d3.js,代码添加了注释,方便理解。喜欢的就加个星标呗~
无聊,没兴趣
@LuckyYang 老师,我的代码报错, scale_x(d.Year)=undefined 帮忙分析下呗。
var scale_x = d3.scale.ordinal() .domain(data.map(function(d) { return d.Year; })).rangeBands([0,width],0.1)
var bar = chart.selectAll('g').data(data).enter().append('g').attr('transform',function(d,i){return'translate('+scale_x(d.Year)+',0)'})
补充一下,在d3的4.x版本中,指定曲线拟合方式时interpolate("cardinal")应改为curve(d3.curveCardinal);
视频源码下载:http://download.csdn.net/detail/u010534192/9701849
课件在哪里下载啊

最赞回答 / stronging
楼主应该老师的版本比你的低,我也是郁闷了好一阵,希望下面的代码能够帮到你<...code...>
如何实现洋流和风场动画
本节源码 https://github.com/Pearyman/moocDemos/tree/master/imooc/d3/3_1
本节源码 https://github.com/Pearyman/moocDemos/tree/master/imooc/d3/2_5
本节源码 https://github.com/Pearyman/moocDemos/tree/master/imooc/d3/2_4
本节源码 https://github.com/Pearyman/moocDemos/tree/master/imooc/d3/2_2
不是很满意老师所讲,没有讲解为什么,以及每个组件的用法意思,只是说这样用。例如transform老是不知道怎么用
达到第十重天了
课程须知
有html,css和javascript基础的同学学习这门课程会比较容易一些。没有基础的同学,也可以通过课程里面的例子加深自己对相关知识的理解。
老师告诉你能学到什么?
如何使用select和selectAll选择DOM元素、如何使用append添加DOM元素、如何使用line,area等方法生成图表曲线、如何使用数据文件让我们的图表可以随着数据变化而动态更新。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消