Über

Das Shortcode Chart.js++ Plugin ist eine Erweiterung für Grav CMS. Eine Shortcodes-Erweiterung zum Hinzufügen von Chart.js-Charts zu Ihrer Grav-Website.

Installation

Bevorzugter Weg: GPM-Installation

Um das Plugin über das GPM zu installieren, navigieren Sie zum Stammverzeichnis Ihrer Grav-Installation und geben Sie ein:

bin/gpm install shortcode-chart-js-plusplus

Dadurch wird dieses Plugin in dein /user/plugins-Verzeichnis innerhalb von Grav installiert. Seine Dateien finden Sie unter /your/site/grav/user/plugins/shortcode-chart-js-plusplus.

Manuelle Installation

HINWEIS: Dieses Plugin ist eine modulare Komponente für Grav, die das Grav Shortcode Core Plugin . benötigt
installiert werden.

Um das Plugin manuell zu installieren, laden Sie die Zip-Version dieses Repositorys herunter und entpacken Sie es unter /your/site/grav/user/plugins. Benennen Sie dann den Ordner in shortcode-chart-js-plusplus um. Sie finden diese Dateien auf GitHub oder über [GetGrav.org](http://getgrav.org/downloads/ Plugins#Extras).

über Admin-Plugin

Wenn Sie das Admin-Plugin verwenden, können Sie das Plugin direkt installieren, indem Sie das Plugins-Menü durchsuchen und auf die Schaltfläche Hinzufügen klicken.

Aufbau

Bevor Sie dieses Plugin konfigurieren, sollten Sie user/plugins/shortcode-chart-js-plusplus/shortcode-chart-js-plusplus.yaml nach user/config/plugins/shortcode-chart-js-plus.yaml kopieren und nur diese Kopie bearbeiten.

Verwenden Sie alternativ das Admin-Plugin. Sie müssen eine Datei mit Ihrer Konfiguration namens shortcode-chart-js-plus.yaml erstellen, die im user/config/plugins/-Ordner erstellt wird, sobald die Konfiguration im Admin gespeichert ist.

Verwendungszweck

Sie können grundsätzlich alle Chart.js-Optionen verwenden, wie hier beschrieben.
Schauen Sie sich die folgenden Beispiele an.

Balkendiagramm

Donut

Liniendiagramm

Radar

Credits

Ohne die großartige Bibliothek Chart.js wäre das nicht möglich. Vielen Dank!
Code inspiriert vom alten grav-plugin-shortcode-chartjs Plugin, das anscheinend nicht mehr entwickelt wird.