我最初是通过按预期工作的fullCalendar.js实现开始这项工作的。但是,当我开始自定义UI时出现了问题。辛勤工作后,我决定放弃全日历的实现,而在视觉方面寻求更灵活的选择。
我已经使用javascript多年了,并且已经熟悉了基础知识。我不认为自己是专家(至少现在还不是)。就制作视觉效果而言,D3.js提供了更大的灵活性,但是就我的专业知识而言,我似乎已经碰壁了。集成Google的Calendar API(以在d3界面中呈现日历数据)给我带来了很大的问题。就我的理解而言,我觉得自己碰壁了。
我正在使用Cal-Heatmap(基于d3 v3)来启动和运行日历。我的问题在于整合Google日历数据。老实说,我不知道从哪里开始或如何最好地去做。我在JavaScript中使用API的经验不足,并且正在继续研究如何做到最好。
同时,我将其发布到社区以获取一些指导。我希望从中学到东西,并提高我的知识和专业技能。
答案 0 :(得分:1)
对于初学者来说,您可以查看quickstart projects中提供的documentation,以更好地了解API。
要在不编写任何代码的情况下尝试并查看API可以做什么,请访问APIs Explorer。尝试使用calendar.events.list
,并将您的Google电子邮件作为日历ID。 (您需要启用OAuth 2.0授权。)
如果您已经熟悉API的使用,则可以访问Google Charts,其中包含受D3日历可视化启发而实现Calendar Chart的示例。