Skip to main content
Skip table of contents

Tutorial: Chart-Customizing

Informationen

  • Das nachfolgende Tutorial vermittelt Basiswissen zum Chart-Customizer, mit dem in PLANTA project Charts erstellt und angepasst werden können.

  • Fachliches Basiswissen zum PLANTA customizer vermittelt u. A. das Tutorial: Modul-Customizing (Level 1).

  • Die in diesem Tutorial verwendeten Screenshots dienen der exemplarischen Darstellung und können vom tatsächlichen Layout im Programm abweichen.

Voraussetzungen

  • Als Grundvoraussetzung für die Ausführung dieses Workflows gelten die Kennnisse der PLANTA-Anwendungs-Software, deren Aufbau, Bedienung und Funktionsweise. Die Informationen hierzu finden Sie im Hilfe-Bereich Einstieg/Bedienung.

Tortendiagramm bauen (Projekte nach Code)

Ziel

  • Es soll ein Chart angelegt werden, das die Anzahl der Projekte pro Projektcode in einem Tortendiagramm darstellt.

Modul anlegen

Ziel

  • Das Modul anlegen, in dem das Chart angelegt werden soll.

Vorgehensweise

  • Login mit P20.

  • Ein Modul anlegen, das die folgenden Anforderungen erfüllt:

    • Das Modul enthält einen Chart-Datenbereich mit einem Button/IronPython-Datenfeld mit dem DF-Verhalten "py", auf dem das Chart angelegt wird.

    • Das Modul enthält zwei Quelldatenbereiche:

      • Der obere Datenbereich ist ein Gruppierungsbereich und enthält

        • ein DI, nach dem Projekte gruppiert werden (in diesem Fall den Projektcode)

        • ein virtuelles DI, um die Anzahl der Projekte pro Projektcode zu ermitteln und darzustellen sowie

        • ein Button-DI mit einem Aktionsmodul darauf (in diesem Fall zum Filtern des Charts nach Projektcode)

      • Der untere Datenbereich enthält dieselben DIs wie der obere Bereich und zusätzlich die DIs zur Auswahl (Filtern) der Projekte.

Für dieses Tutorial kann auch das bereits existierende Beispiel-Modul 009DK5 verwendet werden.

Chart anlegen

Ziel

  • Ein Chart auf dem Datenfeld des Chartbereichs erstellen und als Tortendiagramm konfigurieren.

Vorgehensweise

  • Durch Klick auf das Modul starten, in dem das Chart angelegt werden soll.

  • In der Menüleiste durch Klick auf Tools → Charts anlegen/bearbeiten den Chart-Customizer öffnen.

  • Im Bereich Neues Chart anlegen auf den Link im Feld DI klicken, um den Chart-Customizer mit dem Modul Basisdaten zu öffnen.

  • Im Feld Titel die Python-ID des Datenfelds aus dem Chart-Bereich auswählen.

  • Im Feld Chart-Typ den Typ "Tortendiagramm" auswählen.

  • Speichern.

Chart konfigurieren

Ziel

  • Das Chart konfigurieren, sodass folgende Daten angezeigt werden:

    • Anzahl der Projekte pro Projektcode

    • Die Farben der Segmente entsprechen den Farben der Projektcodes

    • Bei Klick auf ein Segment wird eine Aktion ausgeführt

      • In unserem Fall wird das Chart nach dem Projektcode gefiltert.

Vorgehensweise

  • Durch Klick auf das Icon IconDatenserien.png in das Modul Datenserien wechseln.

  • Das Chart wie folgt konfigurieren:

  • DA-Python-ID: project_by_code_grouped

    • Der gruppierte Datenbereich wird als Quelle der Datenserie ausgewählt.

  • Kategorie: pr_code

    • Der Projektcode wird als Kategorie der Kreissegmente definiert.

  • Anzahl: amount

    • Die summierte Anzahl wird als Anteil der Kreissegmente definiert.

  • Symbol: pr_code

    • Das Symbol, das auf das Projektcode-Datenfeld angewendet wird, wird als Symbol für die Kreissegmente definiert.

  • Aktion: action_pr_code

    • Der Button aus der Quelle wird ausgelöst, wenn ein Segment angeklickt wird.

  • Label Position: Outside

    • Der Text mit der Anzahl wird außerhalb des Charts angezeigt.

  • Speichern.

Tooltip konfigurieren

Ziel

  • Im Chart sollen individuelle Tooltips angezeigt werden.

Vorgehensweise

  • Durch Klick auf das Icon IconTooltip.png in das Modul Tooltip wechseln.

  • Im Feld Überschrift den Wert <b>Code ${point.x}</b> eintragen.

  • Im Feld Tooltip den Wert <i>Anzahl ${point.y}</i> eintragen.

  • Speichern.

Ergebnis:

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.