多语言展示
当前在线:1139今日阅读:84今日分享:32

如何用D3.js绘制日历

下面的例子中只绘制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主页查询

推荐信息