1、首先创建一个html文件,在文件引入d3.js,如图,路径一定要写对
2、用JS动态创建一个SVG对象,绘制浏览器图画
3、定义绘制所需的各种数据,以保证想要的效果
4、有了各种数据之后,就可以绘制散点图了,如图
5、绘制后的图形在浏览器如图效果:
6、给散点图添加比例尺,看起来更容易
7、综合以上几个步骤,我们就用d3.js创建一个散点图,下面我们就来看一下效果吧。
8、d3.js还有很多的用法,具体可以查看官方文档
时间:2024-11-01 02:30:33
1、首先创建一个html文件,在文件引入d3.js,如图,路径一定要写对
2、用JS动态创建一个SVG对象,绘制浏览器图画
3、定义绘制所需的各种数据,以保证想要的效果
4、有了各种数据之后,就可以绘制散点图了,如图
5、绘制后的图形在浏览器如图效果:
6、给散点图添加比例尺,看起来更容易
7、综合以上几个步骤,我们就用d3.js创建一个散点图,下面我们就来看一下效果吧。
8、d3.js还有很多的用法,具体可以查看官方文档