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

使用D3制作图表

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

最赞回答 / stronging
楼主应该老师的版本比你的低,我也是郁闷了好一阵,希望下面的代码能够帮到你<...code...>

最新回答 / Jasenpan1987
你把两个script的引用调换一下应该就可以了,如果还是不行,就把d3库下载下来然后本地加载。在你写的代码运行的时候,d3还没有被加载进来,所以肯定运行不了。

最赞回答 / Corner4337837
var x = d3.scaleLinear();这是新版,也就是d3第四版中缩放函数的调用方式

已采纳回答 / 背着行囊独自流浪
直接写标签,再使用select或者selectAll选择也可以,不过可能不够灵活。

已采纳回答 / qq_有妖气_2
<script src="https://d3js.org/d3.v4.min.js"></script>改成<script src="https://d3js.org/d3.v3.js"></script>   头部引用错了

最新回答 / 夏浅浅Sarah
如果是异步通信,可以直接操作json形式的数据,画线形图;如果不是异步通信则可以通过dom获取json形式的数据,针对json数据进行操作。

最新回答 / 菲小白
<...code...>请教哪里出错了

最新回答 / fergus
使用跟後面範例一樣的代碼就可以了d3.csv("data.csv", function(data) {    console.log(data);});data是自己帶入的資料,跟使用什麼圖表其實沒有關係喔

已采纳回答 / 夏浅浅Sarah
这一行前边少一个),完整的scale_x是这样定义的。var scale_x = d3.scale.ordinal() .domain(data.map(function(d) { return d.year; })) .rangeBands([0, width], 0.1);

已采纳回答 / 夏浅浅Sarah
效果图:<...图片...>代码:D3.html<...code...>D3.css<...code...>D3_line_point.js<...code...>
课程须知
有html,css和javascript基础的同学学习这门课程会比较容易一些。没有基础的同学,也可以通过课程里面的例子加深自己对相关知识的理解。
老师告诉你能学到什么?
如何使用select和selectAll选择DOM元素、如何使用append添加DOM元素、如何使用line,area等方法生成图表曲线、如何使用数据文件让我们的图表可以随着数据变化而动态更新。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消