![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
D3.js
蜗牛速度额
这个作者很懒,什么都没留下…
展开
-
D3 .js update、enter、exit 数据更新是的处理模板
如果不知道数组的长度,如何update、enter、exit 提供处理方案。<!DOCTYPE html><html lang="en"><head> <meta原创 2018-08-23 13:53:26 · 739 阅读 · 0 评论 -
D3.js 柱形图
<!DOCTYPE html><html lang="en"&a原创 2018-08-27 20:46:59 · 813 阅读 · 0 评论 -
D3.js 柱形图数据更新
<!DOCTYPE html><html lang="en"><head> &a原创 2018-08-28 10:39:58 · 2135 阅读 · 0 评论 -
D3.js 线性比例尺
线性比例尺最常用,与线性函数类似,计算线性的对应关系。D3.scale.linear()创建一个线性比例尺。linear(x)输入一个定义域内的值,返回值域对应的值。linear.invert(y)输入一个值域内的值,返回定义域对应的值。linear.domain([numbers])设定或获取定义域linear.range([values])...原创 2018-09-02 14:07:47 · 1268 阅读 · 0 评论 -
D3.js 指数比例尺和对数比例尺
指数比例尺和对数比例尺中的很多方法和线性比例尺是一样的,例如 domain()、range()、rangeRound()、clamp()、nice()、ticks()、tickFormat() 等,名称和作用都是相同的。但是,指数比例尺多一个exponent(), 用于指定指数;对数比例尺多一个 base(),用于指定底数。两者的用法和原理是一样的,下面以指数比例尺来说明使用方法,先看一段代码:...原创 2018-09-02 15:45:05 · 1594 阅读 · 0 评论 -
D3.js 动画 创建过度
创建过度有两种方式;d3.transition 和 selection.transition, 它们都返回一个过度对象。前者是直接创建一个过度对象再指定作用对象,后者是通过作用对象创建过度。d3.transition([selection], [name])创建一个过度对象,参数是选择集。transition.delay([delay])设定延迟的时间。过度会经过一定时间后才会...原创 2018-10-23 21:34:21 · 1078 阅读 · 0 评论 -
D3.js 动画 过度属性
import * as D3 from 'd3'export default class DThree { createSvg (result) { let svg = D3.select(result) .append('svg') .attr('width', '300') .attr('height', '300') let re...原创 2018-11-11 15:29:15 · 1365 阅读 · 0 评论 -
d3.js 动画选择子元素
import * as D3 from 'd3'export default class DThree { createSvgG (result) { let svg = D3.select(result) .append('svg') .attr('width', 400) .attr('height', 400) let g = s...原创 2018-11-11 16:12:35 · 580 阅读 · 0 评论