Ein Tachometerdiagramm mit dem Diagrammkonfigurationseditor erstellen

Mit Tachometer-Diagrammen können Zahlen in einem bekannten Bereich dargestellt werden. Die Leser können anhand der erwarteten Werte schnell feststellen, ob der aktuelle Wert relativ hoch oder niedrig ist.

Mit dem Diagrammkonfigurationseditor können Sie Tachometerdiagramme erstellen, indem Sie mit einem Säulendiagramm in Looker beginnen. Für Tachometer-Diagramme sind eine Dimension und eine Messung erforderlich.

Das folgende durchgezogene Tachometerdiagramm zeigt beispielsweise den aktuellen Wert der Kennzahl Kundenzufriedenheit (CSAT), die durch einen kreisförmigen blauen Fortschrittsbalken dargestellt wird. Da die möglichen Werte von KZUF-Punktzahlen zwischen 0 und 100 liegen können, werden diese Werte an beiden Enden der Anzeige dargestellt.

Vorbereitung

Für den Zugriff auf den Diagrammkonfigurationseditor benötigen Sie die Berechtigung can_override_vis_config.

JSON-Snippet schreiben

Um ein Tachometerdiagramm zu erstellen, beginnen Sie mit dem folgenden JSON-Snippet:

{
  chart: {
    type: 'solidgauge'
  },
  yAxis: [{
    min: 0,
    max: 100,
    tickAmount: 10
  }],
}

Passen Sie die folgenden Werte an Ihren Anwendungsfall an:

• Das Attribut yAxis.min definiert den Mindestwert für das Tachometerdiagramm.
• Das Attribut yAxis.max definiert den Maximalwert für das Tachometerdiagramm.
• Das Attribut yAxis.tickAmount gibt die Anzahl der Beschriftungen an, die um das Tachometerdiagramm herum angezeigt werden sollen. Die Labels werden gleichmäßig auf die Attribute yAxis.min und yAxis.max verteilt.

Solide Tachometer-Diagramm erstellen

So erstellen Sie ein ausgefülltes Tachometerdiagramm:

1. Rufen Sie ein Säulendiagramm in einem Explore auf oder bearbeiten Sie ein Säulendiagramm in einem Look oder Dashboard.

   Für dieses Beispiel empfehlen wir, mit einem Säulendiagramm mit einer Dimension und einem Messwert zu beginnen und das Limit auf eine Zeile zu beschränken. Ihr Startdiagramm könnte in etwa so aussehen:

   

2. Öffnen Sie in der Visualisierung das Menü Bearbeiten.

3. Klicken Sie auf dem Tab Plot auf die Schaltfläche Edit Chart Config (Diagrammkonfiguration bearbeiten). Looker zeigt das Dialogfeld Diagrammkonfiguration bearbeiten an.

4. Wählen Sie den Abschnitt Chart Config (Override) (Diagrammkonfiguration (Überschreiben)) aus und geben Sie im Abschnitt Writing the JSON snippet (Schreiben des JSON-Snippets) die JSON-Datei HighCharts ein.

5. Klicken Sie auf <> (Code formatieren), damit das JSON-Format von Looker richtig formatiert wird.

6. Klicken Sie auf Vorschau, um Ihre Änderungen zu testen.

7. Klicken Sie auf Übernehmen, um die Änderungen zu übernehmen. Die Visualisierung wird mithilfe der benutzerdefinierten JSON-Werte angezeigt.

Nachdem Sie Ihre Visualisierung angepasst haben, können Sie sie speichern.