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

使用D3制作图表

LuckyYang 其它
难度中级
时长 1小时52分
学习人数
综合评分9.47
36人评价 查看评价
9.9 内容实用
9.3 简洁易懂
9.2 逻辑清晰

讲师回答 / LuckyYang
web项目里可以使用json来提供数据,需要在server端提供json数据,用d3去读取。可以参考http://money.haoqicat.com 这个项目

已采纳回答 / LuckyYang
需要添加相应的元素就可以了,在a中添加img。你尝试做一下,有问题再问我

讲师回答 / LuckyYang
参考:http://money.haoqicat.com/代码在这里:https://github.com/luckyyang/haoqicat-money/blob/master/index.html#L157-L170

讲师回答 / LuckyYang
<div id="linechart">  <svg>line chart is here</svg></div><div id="areachart">  <svg>area chart is here</svg></div>比如上面的两个div,分别对应了line chart 和 area chart,你首先给每个div定位好,那里面的svg就相对你的div定位了。应该是这样的,你可以试试

讲师回答 / LuckyYang
有关于属性值的说明文档吗?https://github.com/mbostock/d3/wiki/Selections#attr attr是这样定义的:selection.attr(name[, value]),比如给svg这个selection设置attr,svg.attr("width", 500)那最后就会在html中生成这样的形式 <svg width="500">. attr只是提供了一种方法,让你给某种name赋予一个指,具体attr有什么,那要看你的attr所对应的元素/sele...

讲师回答 / LuckyYang
zoom我也没用过,如果你写代码过程中遇到了什么问题,可以和我讨论

最赞回答 / ahntony
哪里不错

讲师回答 / LuckyYang
你的代码在哪里?和我的是一样的么?
首页上一页45678下一页尾页
课程须知
有html,css和javascript基础的同学学习这门课程会比较容易一些。没有基础的同学,也可以通过课程里面的例子加深自己对相关知识的理解。
老师告诉你能学到什么?
如何使用select和selectAll选择DOM元素、如何使用append添加DOM元素、如何使用line,area等方法生成图表曲线、如何使用数据文件让我们的图表可以随着数据变化而动态更新。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消