关闭

D3.js入门

标签: d3d3.js
154人阅读 评论(0) 收藏 举报
分类:
<!DOCTYPE html>
<meta charset="utf-8">
<body>
    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</body>
<script type="text/javascript" src="http://g.alicdn.com/sj/lib/jquery/dist/jquery.min.js"></script>
<script src="dist/d3.min.js"></script>
<script>
/*绑定数据
 *1、数据
 *2、选中的DOM元素*/
var dataset = [5, 10, 15, 20, 25];
var li = d3.selectAll("li");
var liq=$('li');
console.log(li);
console.log(liq);
d3.select("body")
    .selectAll("p")
    .data(dataset)
    .enter()
    .append("p")
    .text("new Paragraph!");
</script>

.select(“body”)返回DOM中第一个匹配元素的引用。
.selectAll(“li”)返回所有元素。
但是这个和jquery的元素选择还不一样。
如图,返回的对象是_group和 _parent,其实意思是一样的,因为jquery也会返回父元素。
这里写图片描述

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:109268次
    • 积分:2274
    • 等级:
    • 排名:第16590名
    • 原创:116篇
    • 转载:14篇
    • 译文:0篇
    • 评论:36条
    最新评论