首页 > 代码库 > d3.js初识
d3.js初识
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.添加坐标轴元素
d3.js初识
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。