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

使用D3制作图表

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

最新回答 / 慕梦前来
直接用路径的方法去获取就可以了
这个链接打不开了

最新回答 / innerHTML思变
d3.csv("js/数据.csv", type, function(data) {console.log(data);}取到一组以.csv结尾的数据
.curve(d3.curveCardinal)是设置光滑曲线的

最新回答 / 宝慕林7529672
因为这个函数作为CSV(url,type,function(data){})的参数传到了csv的函数里面,csv函数的具体逻辑可以去查下d3的文件,可以理解成数据是在csv中走的,只是在csv中执行了下type(d)

最赞回答 / isu_腾飞
是因为你使用的 d3js  版本比视频中老师用的新,接口不一样。参考 这里:https://d3js.org.cn/document/d3-shape/#curves使用指定的 alpha 值([0, 1]) 返回一条 Catmull–Rom 生成器。如果 alpha 为 0 则等价于 curveCardinal,如果 alpha 为 1 则会生成 chordal 曲线,如果 alpha 为 0.5 则会生成 centripetal spline老师 使用的接口  d3.line().x().y().in...

最新回答 / qq_Theloner_1
表示的一个数据范围的输入

最新回答 / 造影
直接写.append("svg")就好了
老师能出这个教程是挺不错的,就是老师讲的比较空泛,声音有点听不清。。。。

最新回答 / qq_大神棍_03803996
兄弟 这样才对
d3.csv("data.csv", type, function(data){

    console.log(data);
    function type(d){

        d.population = +d.population;

        return d;

    }



    var bar_width = 50,

     ...
transform是svg中的东西, 学d3之前应该先学会svg。就像学jq之前先学js一样

最新回答 / 我吃西瓜很快
描述的更清楚一些?
全部demo--https://github.com/nordon-wang/mydemos/tree/master/d3
D3 3版本的和4版本的 许多代码不一样,还好评论区里面有好心人标出来,谢谢
课程须知
有html,css和javascript基础的同学学习这门课程会比较容易一些。没有基础的同学,也可以通过课程里面的例子加深自己对相关知识的理解。
老师告诉你能学到什么?
如何使用select和selectAll选择DOM元素、如何使用append添加DOM元素、如何使用line,area等方法生成图表曲线、如何使用数据文件让我们的图表可以随着数据变化而动态更新。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消