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

使用D3制作图表

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

已采纳回答 / 尤水就下3783409
版本不一样,你直接写d3.line()即可,不用svg

已采纳回答 / 慕粉2023498883
我只能说一下概念,能力有限,不好意思。在对应的标签中用hover样式,里面调用函数显示内容,内容里面传入对应内容节点数组的x,y参数,然后对应的调用另一个显示内容的函数,用来显示内容。

已采纳回答 / 任振小东
第一行,选择了container容器,第二行,给容器添加了一个svg元素(此时返回svg),第三四行,设置svg属性。第六行,选择svg元素,第七行,给svg元素添加g元素(此时返回g),第八行,给g添加属性transform

已采纳回答 / 田心枫
是基于JavaScript的制作图标的框架

已采纳回答 / 雨谷
觉得和jQuery的选择器非常的像。

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

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

已采纳回答 / 夏浅浅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...>

已采纳回答 / 树数
var width = 500,height = 250,margin={left:50, top:30, right:20, bottom:20},g_width = width - margin.left - margin.right,g_height = height - margin.top - margin.bottom;//svgvar svg = d3.select("#container").append("svg:svg")//width, height.attr("width", wi...

讲师回答 / LuckyYang
可以从这里找一些例子 https://github.com/mbostock/d3/wiki/Gallery比如 http://bl.ocks.org/anupsavvy/9513382

讲师回答 / LuckyYang
http://bl.ocks.org/mbostock/4149176

讲师回答 / LuckyYang
你的代码在哪里?

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

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消