d3.js初识

Posted 2020-09-03

d3.js简单的入门

D3是一个javascript的框架：主要用途是数据的可视化，

所以他是在JavaScript下开发的，目前主要用的有D3.js 3.0版本和D3.js 4.0版本

使用方法非常简单，1.到官网下载d3.js，然后在html中添加就好了 。

                         2.或者直接链接到官网就行了。

它只能目前用于IE 8版本之上。

 

 

 

 

1.一些简单的操作

d3.select  //选择元素

d3.selectAll  //选择所有元素

d3.attr //修改属性

d3.append //添加元素

d3.classed //添加css class

d3.style //给指定元素添加样式

d3.text //获取或者设置文字信息

d3.html //用来修改元素内的html

 2.引入知识

svg

3.简单的图形

4.比例尺

5.数轴

6.加上一些特效

7.简单图表处理之柱状图

8.简单图表处理之折线图

9.简单图表处理之面积图

10.简单图表处理之饼状图

11.来上一些交互

 

简单的柱状图步骤：

1.定义一个画布

2.定义数据和比例尺

3.定义一个数轴

4.添加矩形

5.添加文字信息

6.添加坐标轴元素