AngularJS-Kalender mit Heatmap

Ich suche einen AngularJS-Kalender mit Heatmap-Funktionen.

Etwas, das so aussieht

Screenshot des Beispielkalenders mit grün, gelb, orange und rot gefärbten Tagen.

während die Standard-Kalenderfunktion von AngularJS unterstützt wird.

Ich würde gerne die Heatmap-Funktionalität umschalten können, wenn möglich.

Muss kostenlos sein, für kommerzielle Nutzung.

Antworten (1)

Eines, das meines Wissens nach Angular JS verwendet und ein ähnliches Layout wie Ihr Bild hat, heißt "Cal Heatmap AngularJS Directive", das diese JS-Bibliothek "cal-heatmap" verwendet. Beide sind Open Source und auf GitHub verfügbar. Das Layout unterscheidet sich etwas vom obigen Bild, hat aber das gleiche Konzept. Es hat kein Histogramm auf der oberen / linken Seite und zeigt nicht s, m, t, w usw. aber die, die ich glaube, können ohne große Mühe hinzugefügt werden. Es sieht auch so aus, als ob die gleiche Bibliothek GitHub für Profilaktivitäten verwendet.

Cal Heatmap AngularJS-Richtlinie

Dies ist eine AngularJS-Direktive für cal-heatmap

Cal-Heatmap

Cal-Heatmap ist ein Javascript-Modul zum Erstellen einer Kalender-Heatmap.

Cal Heatmap keine Hitze

Cal Heatmap mit Hitze

Ich habe auch festgestellt, dass D3Js dasselbe bietet. Siehe bl.ocks.org/mbostock/4063318