Интеграция данных Календаря Google с Календарем на основе D3.js

Question

Я изначально начал эту работу с реализации fullCalendar.js, которая работала как задумано.Однако проблемы возникли, когда я начал настраивать пользовательский интерфейс.После долгих трудов я решил отказаться от реализации fullcalendar и пойти на что-то более гибкое с точки зрения визуальных эффектов.

Я работаю с javascript уже несколько лет и познакомился с основами.Я не считаю себя экспертом (по крайней мере, пока).D3.js предлагает больше гибкости в том, что касается создания визуальных эффектов, но я, кажется, ударил стену в том, что касается моего опыта.Интеграция Google Calendar API (для отображения календарных данных в интерфейсе d3) представляет для меня довольно большую проблему.Я чувствую, что ударил немного о стену, насколько мне известно.

Я использую Cal-Heatmap (которая основана на d3 v3), чтобы запустить календарь.Моя проблема заключается в интеграции данных календаря Google.Если честно, я не знаю, с чего начать и как лучше всего это сделать.У меня нет большого опыта работы с API в javascript, и я продолжаю исследовать, как лучше всего это сделать.

А пока я публикую это в сообществе для некоторых рекомендаций.Я надеюсь извлечь уроки из этого и улучшить свои знания и опыт.

Answer 1

Для начала, вы можете проверить проекты быстрого старта , представленные в документации , чтобы лучше понять API.

Чтобы поиграть и посмотреть, что API можетбез написания кода посетите APIs Explorer .Попробуйте использовать calendar.events.list, указав адрес электронной почты Google в качестве идентификатора календаря.(Вам нужно будет включить OAuth 2.0 авторизация.)

Если вы уже освоились с использованием API, вы можете посетить Google Charts , который имеетпримеры реализации Календарная диаграмма на основе визуализации календаря D3.