d3.js学习笔记(一)
来源:互联网 发布:矩阵kvm 编辑:程序博客网 时间:2024/05/29 11:45
使用d3.js引用代码:
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
首先,定义一个变量集合set
var set = ["I like dog","I like cat","I like snake"];
var sp = d3.select("body").selectAll("p"); //body中的所有psp.data(set) //使用集合set.text(function(d,i){ //function(d,i),第一个参数的意思是datum(数据),第二个参数的意思是index(索引)return d; });
- select 是选择所有指定元素的第一个
- selectAll 是选择指定元素的全部(以用于后面同时操作)
选择其中某个元素的方法:
1. 对此元素赋予id
<p id="p3">Hello</p>var sp = d3.select("body").select("#p3");
0 0
- d3.js学习笔记(一)
- d3.js 可视化学习笔记(一)——柱形图
- D3.js 学习笔记
- d3.js 学习笔记
- d3.js学习笔记
- D3学习笔记一
- d3.js学习笔记(二) 柱形图
- d3.js学习笔记(1)
- D3.js学习笔记一:认识SVG图形
- d3.js学习笔记 -- 尺度
- D3.js学习笔记(1)
- D3.js学习笔记(一)——DOM上的数据绑定
- D3.js学习笔记(一)——DOM上的数据绑定
- d3学习之(Data Visualization with d3.js Cookbook )一
- d3.js学习笔记(2)—— Transition
- 精通D3.js学习笔记(2)比例尺和坐标
- D3.js 数据可视化学习笔记——Hello D3!
- D3.js学习笔记十二:D3.js构图(d3.layout)——力学(Force)图
- [leetcode] 24 Swap Nodes in Pairs(交换链表相邻结点)
- PAT1014 福尔摩斯的约会
- mongodb数据库的备份和恢复
- c++装饰模式
- JDBC数据库连接
- d3.js学习笔记(一)
- System Design 之 Tiny Uri
- [深入理解Java虚拟机]第三章 对象存活判定算法
- CentOS 创建新用户
- UNIX下的LD_PRELOAD环境变量
- html position 用法
- 树_最小堆
- AOP中的概念
- UVA 11300 - Spreading the Wealth(中位数)