2018-11-18

2018-11-18_第1张图片

d3.js生成动画详解

1引入d3.js,这里采用的是4.x

2018-11-18_第2张图片

2添加canvas并设置canvas的绘制环增

2018-11-18_第3张图片

3,生成随机数并构造成我们想要的数据格式

2018-11-18_第4张图片

4,设置力导向力布局和颜色的线性比例尺

2018-11-18_第5张图片

5,根据力向的事件绘制图形

2018-11-18_第6张图片

6,有想要源码的请到我github上下载https://github.com/dezhizhang/d3.js

你可能感兴趣的:(2018-11-18)