下面的例子中只绘制2015年一月的日历,并标注需要标注的日期
工具/原料
1
chrome
2
d3.js
方法/步骤
1
下载d3.js
2
新建页面
3
定义要标注的日期,假设是2,3,5号 var selectdate = [2,3,5]; 定义画布大小定义day和week函数,后面要用到
4
定义svg画布
5
绘制2015年一月的每一天
6
筛选出要标注的日期
7
在需要标注的日期上绘制圆圈
8
在每一个日期框上写上日期
9
完成
注意事项
更多d3内容请去d3主页查询
chrome
d3.js
下载d3.js
新建页面
定义要标注的日期,假设是2,3,5号 var selectdate = [2,3,5]; 定义画布大小定义day和week函数,后面要用到
定义svg画布
绘制2015年一月的每一天
筛选出要标注的日期
在需要标注的日期上绘制圆圈
在每一个日期框上写上日期
完成
更多d3内容请去d3主页查询