我最初是通过实现按预期工作的 fullCalendar.js 开始这项工作的。但是,当我开始自定义 UI 时,问题出现了。经过一番努力,我决定放弃 fullcalendar 的实现,并在视觉方面寻求更灵活的东西。
我已经使用 javascript 多年,并且已经熟悉了基础知识。我不认为自己是专家(至少现在还不是)。就制作视觉效果而言,D3.js 提供了更大的灵 active ,但就我的专业知识而言,我似乎遇到了瓶颈。集成 Google 的日历 API(以在 d3 界面中呈现日历数据)对我来说是一个很大的问题。就我的理解而言,我觉得我有点碰壁了。
我正在使用 Cal-Heatmap(基于 d3 v3)来启动和运行日历。我的问题在于整合谷歌日历数据。说实话,我不知道从哪里开始或如何最好地去做。我在 javascript 中使用 API 的经验不多,并且正在继续研究如何最好地做到这一点。
与此同时,我将此发布到社区以寻求一些指导。我希望从中学习并提高我的知识和专业知识。
最佳答案
对于初学者,您可以查看 quickstart projects在 documentation 中提供更好地理解 API。
要在不编写任何代码的情况下试用并了解 API 的功能,请访问 APIs Explorer .尝试使用 calendar.events.list
,将您的 Google 电子邮件作为日历 ID。 (您需要启用 OAuth 2.0 授权。)
当您已经熟悉 API 的使用时,您可以访问 Google Charts其中有实现 Calendar Chart 的例子灵感来自 D3 日历可视化。
关于javascript - 将 Google 日历数据与基于 D3.js 的日历集成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53416565/