Daisy花园

每天进步一点儿

D3.js入门

<!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也会返回父元素。
这里写图片描述

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/sinat_25127047/article/details/52351236
文章标签: d3 d3.js
个人分类: javascript
上一篇MongoDB小记-detected unclear shutdown
下一篇MongoDB--重拾MongoDB
想对作者说点什么? 我来说一句

D3.js入门指南

2015年05月13日 591KB 下载

d3js中文教程

2014年09月18日 1.81MB 下载

没有更多推荐了,返回首页

关闭
关闭