Календарь AngularJS с тепловой картой

Я ищу календарь AngularJS с функциями тепловой карты.

Что-то похожее на это

Скриншот примера календаря с днями, окрашенными в зеленый, желтый, оранжевый и красный цвета.

при поддержке стандартных функций календаря AngularJS.

Я хотел бы иметь возможность переключать функциональность тепловой карты, если это возможно.

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

Ответы (1)

Я обнаружил, что, насколько я понимаю, использует Angular JS и имеет несколько похожий макет, так как ваше изображение называется «Директива Cal Heatmap AngularJS», в которой используется эта библиотека JS, «cal-heatmap». Оба имеют открытый исходный код и доступны на GitHub. Макет немного отличается от изображения выше, но имеет ту же концепцию. Он не имеет гистограммы сверху/слева и не показывает s, m, t, w и т. д. но те, которые я считаю, могут быть добавлены без особых затруднений. Также похоже, что GitHub использует ту же библиотеку для активности профиля.

Директива Cal Heatmap AngularJS

Это директива AngularJS для cal-heatmap.

Калифорнийская тепловая карта

Cal-Heatmap — это модуль JavaScript для создания тепловой карты календаря.

Калибровка Тепловая карта без тепла

Cal Heatmap с подогревом

Я также обнаружил, что D3Js предлагает то же самое. См. bl.ocks.org/mbostock/4063318 .