javascript - 将 Google 日历数据与基于 D3.js 的日历集成

标签 javascript d3.js google-calendar-api cal-heatmap

我最初是通过实现按预期工作的 fullCalendar.js 开始这项工作的。但是,当我开始自定义 UI 时,问题出现了。经过一番努力,我决定放弃 fullcalendar 的实现,并在视觉方面寻求更灵活的东西。

我已经使用 javascript 多年,并且已经熟悉了基础知识。我不认为自己是专家(至少现在还不是)。就制作视觉效果而言,D3.js 提供了更大的灵 active ,但就我的专业知识而言,我似乎遇到了瓶颈。集成 Google 的日历 API(以在 d3 界面中呈现日历数据)对我来说是一个很大的问题。就我的理解而言,我觉得我有点碰壁了。

我正在使用 Cal-Heatmap(基于 d3 v3)来启动和运行日历。我的问题在于整合谷歌日历数据。说实话,我不知道从哪里开始或如何最好地去做。我在 javascript 中使用 API 的经验不多,并且正在继续研究如何最好地做到这一点。

与此同时,我将此发布到社区以寻求一些指导。我希望从中学习并提高我的知识和专业知识。

最佳答案

对于初学者,您可以查看 quickstart projectsdocumentation 中提供更好地理解 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/

相关文章:

javascript - 小MCE : dynamic variables in the source view

Javascript:检查用户是否通过表单提交或简单的链接单击导航离开

javascript - AJAX 获取查询不会导致页面加载

d3.js - d3 js树布局多个父级

javascript - 为什么线路没有变化?

fullcalendar - 2 种方式将 Google 日历与 Fullcalendar 同步

javascript - Firebase:如何获取和设置全局索引计数器?

javascript - 我可以将页面上已存在的 svg 添加到另一个 svg 中吗?

jquery - Google 日历 JSON 未按日期排序

android - 以编程方式在 android 中使用谷歌日历添加同步事件