D3.js系列——交互式操作和布局
一、图表交互操作 与图表的交互，指在图形元素上设置一个或多个监听器，当事件发生时，做出相应的反应。 交互，指的是用户输入了某种指令，程序接受到指令之后必须做出某种响应。对可视化图表来说，交互能使图表更加生动，能表现更多内容。例如，拖动图表中某些图形、鼠标滑到图形上出现提示框、用触屏放大 ...
原文：D3.js系列——元素操作和简单画布操作
一 元素操作： 选择元素 select 和 selectAll，以及选择集的概念 关于 select 和 selectAll 的参数，其实是符合 CSS 选择器的条件的，即用 井号 表示 id，用 点 . 表示 class。 此外，对于已经绑定了数据的选择集，还有一种选择元素的方法，那就是灵活运用 function d, i 。我们已经知道参数 i 是代表索引号的，于是便可以用条件判定语句来指定执 ...
2018-03-20 10:02 0 1646 推荐指数：
相关推荐
D3.js：交互式操作
用户用于交互的工具一般有三种：鼠标、键盘、触屏。 1. 添加交互 对某一元素添加交互操作十分简单，代码如下： 这段代码在 SVG 中添加了一个圆，然后添加了一个监听器，是通过 on() 添加的。在 D3 中，每一个选择集都有 on() 函数，用于添加事件监听器 ...
d3.js入门之DOM操作
上篇成功在vue项目中把d3跑起来了，接下来对d3的基本操作做个汇总： 一、d3元素选择器 d3.select(".skill")：选择第一个类名为skill的元素并返回这个元素对象（实现链式语法） d3.selectAll("p")：选择所有的p标签并返回这些元素对象（实现链式语法 ...
js操作页面元素（元素操作和定位元素）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title> ...
【 D3.js 入门系列 — 2.1 】 选择、插入、删除元素
1. select 和 selectAll 的区别 在 D3 中，选择元素的函数有两个：select 和 selectAll，它们的使用非常重要。先说明一下它们的区别： select 是选择所有指定元素的第一个 selectAll 是选择指定元素的全部（用于同时操作） 这两个函数返回的结果称为 ...
D3.js 入门系列 — 选择元素和绑定数据
D3 允许将数据与被选择的元素绑定在一起，为根据数据来操作元素提供方便。 如何选择元素 在 D3 中，用于选择元素的函数有两个： d3.select()：是选择所有指定元素的第一个 d3.selectAll()：是选择指定元素的全部 这两个函数返回的结果称为选择集，常见 ...
文件操作和OS模块的简单操作
文件的作用 大家应该听说过一句话：“好记性不如烂笔头”。 不仅人的大脑会遗忘事情，计算机也会如此，比如一个程序在运行过程中用了九牛二虎之力终于计算出了结果，试想一下如果不把这些数据存放起来，相比重 ...
D3.js 入门系列 - 简介和安装
简介和安装 近年来，可视化越来越流行，许多报刊杂志、门户网站、新闻、媒体都大量使用可视化技术，使得复杂的数据和文字变得十分容易理解，有一句谚语“一张图片价值于一千个字”，的确是名副其实。各种数据可视化工具也如井喷式地发展，D3 正是其中的佼佼者。 D3 是什么 D3 的全称 ...