Dashboard-Layout anpassen

  1. Sie haben eine Dashboard-URL der D3 Visualisierung, die Sie mit der Desigo CC Web-Applikation erstellt haben.
  2. Sie haben ein Dashboard-Konzept der Daten/Berichte/Statiken, die Sie grafisch anzeigen möchten, und Sie haben ein Layout für das Dashboard erstellt und entschieden, welche Steuerelemente Sie verwenden möchten und wo im Layout des Dashboards diese platziert werden sollen.
  1. Gehen Sie zu GMSProjects > Websites.
  2. Klicken Sie auf den entsprechenden Website-Ordner und dann auf den nach der Dashboard-Applikation benannten Ordner und auf configs.
  3. Rechtsklicken Sie die Datei dashboardconfig.json und öffnen Sie sie mit einem XML-Editor, z.B. Notepad.
  4. Führen Sie in der Konfigurationsdatei im Abschnitt Dashboard-Layout die folgenden Schritte aus:
    a. Zeilen – Geben Sie die Anzahl Zeilen ein, die das Dashboard haben soll.
    b. Spalten – Geben Sie die Anzahl Spalten ein, die das Dashboard haben soll
    c. Ränder – Um den Abstand zwischen den Widgets festzulegen, geben Sie einen Wert für die folgenden Ränder des Dashboards ein: Oben, Rechts, Unten, Links.
    Hinweis: Die Anzahl der zugelassenen Zeilen und Spalten ist unbegrenzt. Es kann auch hilfreich sein, eine Übersicht darüber zu zeichnen, wie das Dashboard aussehen soll und wo Sie die Diagrammsteuerelemente platzieren möchten.
    d. Logging – In diesem Abschnitt geben Sie an, welche Fehler-, Informations- oder Warnmeldungen protokolliert werden sollen und wo, z.B. die Browser-Konsole oder der Trace-Viewer. Geben Sie True oder False ein, um die verschiedenen Protokollierungsoptionen zu aktivieren oder zu deaktivieren: LoggerName, TurnOnInfoTrace, TurnOnErrorTrace, TurnOnWarningTrace
    e. Background color     – Geben Sie eine Farbe für den Dashboard-Hintergrund ein.
  5. Geben Sie in den Abschnitten Widgets die grundlegenden Widget-Informationen für das erste Steuerelement ein:
    a. Name – Geben Sie einen Namen für das Widget ein.
    b. Diagrammtyp – Geben Sie einen grafischen Steuerelementtyp ein. Wählen Sie einen der folgenden: PieChart, RadialGauge, TrendSeriesChart, TrendSeriesMultiAxixChart, VerticalBarChart oder HorizontalBarChart, HorizontalGroupedBarChart oder VerticalGroupedBarChart.
  6. Definieren Sie im Abschnitt Layout Ihres ersten Steuerelements die Platzierung des grafischen Steuerelements im definierten Layout des gesamten Dashboards.
    a.     StartRow – Geben Sie einen Wert für die Zeile an, in der das Steuerelement angezeigt werden soll.
    b. StartColumn – Geben Sie einen Wert für die Spalte an, in der das Steuerelement angezeigt werden soll.
    c. rowspan – Geben Sie einen Wert für die Anzahl Zeilen an, die das Steuerelement verwenden soll.
    d.     columnspan – Geben Sie einen Wert für die Anzahl Spalten an, die das Steuerelement verwenden soll.
  7. Der dataProvider ist der Speicherort, der für das Abrufen der Daten vom Web-Service verantwortlich ist, der die Daten hostet. Der Datenprovider weiss, wo er die Daten abrufen und wie er diese so erfassen und darstellen kann, dass die Steuerung sie versteht. Jedes Diagramm kann seinen eigenen Datenprovider haben, und jeder Datenprovider hat seine eigenen Konfigurationsanforderungen.
    a. name – Geben Sie hier den Namen des Datenproviders ein.
    b. privateConfig – Geben Sie die Werte basierend auf dem Namen des Datenproviders ein. Weitere Informationen finden Sie im Abschnitt Referenz für D3 Dashboard-Datenprovider.
  8. Config – (nur Steuerung der Messgeräte) Legen Sie die Eigenschaften für die Messgerätkonfiguration fest (Anfangs-, Endfarbe und Schwellenwerte). Weitere Informationen finden Sie unter Über Messgerätesteuerung.
  9. Definieren Sie im Abschnitt Stil das Erscheinungsbild des Steuerelements. Verwenden Sie den Namen der Formatdatei mit der Erweiterung .JSON. Die Standard-Stildateien für jedes Widget befinden sich unter [Installed drive]/[Installed folder]/websites/[Website name folder]/[D3 Visualization application folder]/Config /Styles. Verwenden Sie den Standardstil oder erstellen Sie auf der Basis der Standarddateien eine neue Stildatei. Die Parameter variieren je nach Art des zu konfigurierenden Steuerelements.
  10. Wiederholen Sie für jedes Steuerelement, das Sie auf dem Dashboard platzieren möchten, die Schritte für den Abschnitt Widgets, bis Sie alle erforderlichen Steuerelemente auf Ihrem Dashboard haben.
  11. Klicken Sie Speichern.