Balkendiagramm mit dem Diagramm-Konfigurationseditor erstellen

Bullet-Diagramme eignen sich gut, um die Leistung im Vergleich zu einem Ziel oder den Fortschritt bei der Erreichung eines Ziels zu veranschaulichen.

Mit dem Diagramm-Konfigurationseditor können Sie Aufzählungsdiagramme erstellen, indem Sie in Looker mit einem Balkendiagramm beginnen.

Im folgenden Punktdiagramm wird beispielsweise der Messwert Anzahl neuer Kunden, dargestellt durch eine blaue Fortschrittsanzeige, mit dem Zielwert 40 verglichen, der durch eine blaue vertikale Linie dargestellt wird. Das Diagramm zeigt auch Fortschrittsbereiche zwischen 0 und 20, zwischen 20 und 40 sowie zwischen 40 und 80, die jeweils durch einen anderen Grauton dargestellt werden.

Vorbereitung

Zum Zugriff auf den Konfigurationseditor für Diagramme benötigen Sie die Berechtigung can_override_vis_config.

JSON-Snippet schreiben

Wenn Sie ein Balkendiagramm erstellen möchten, beginnen Sie mit dem folgenden JSON-Snippet:

{
  chart: {
    type: 'bullet'
  },
  xAxis: {
    categories: ['New Customers']
  },
  yAxis: {
    plotBands: [{
      from: 0,
      to: 20,
      color: '#666666'
    }, {
      from: 20,
      to: 40,
      color: '#999999'
    }, {
      from: 40,
      to: 80,
      color: '#bbbbbb'
    }],
  },
  series: [{
    data: [{
      target: 40
    }]
  }],
}

Ändern Sie die folgenden Werte anhand Ihres Anwendungsfalls:

• Das xAxis.categories-Attribut überschreibt das Label der X-Achse. In diesem Beispiel sollte das Label der X-Achse der Messwertname Neukunden sein.
• Mit dem Attribut yAxis.plotBands wird die Hintergrundfarbe des Diagramms für bestimmte Werte festgelegt. In diesem Beispiel ist die Hintergrundfarbe zwischen 0 und 20 dunkelgrau (#666666), zwischen 20 und 40 mittelgrau (#999999) und zwischen 40 und 80 hellgrau (#bbbbbb).
• Mit dem Attribut series.data.target wird der Zielwert für das Bullet-Diagramm angegeben, der als vertikale Linie angezeigt wird. In diesem Beispiel ist das Ziel 40.

Aufzählungsdiagramm erstellen

So erstellen Sie ein Balkendiagramm:

1. Rufen Sie ein Balkendiagramm in einem Explore auf oder bearbeiten Sie ein Balkendiagramm in einem Look oder Dashboard.

   Für dieses Beispiel empfehlen wir, mit einem Balkendiagramm mit einer Dimension und einem Messwert zu beginnen, das auf eine Zeile beschränkt ist. Ihr Ausgangsdiagramm 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 Diagrammkonfiguration bearbeiten. In Looker wird das Dialogfeld Diagrammkonfiguration bearbeiten angezeigt.

4. Wählen Sie den Bereich Diagrammkonfiguration (Überschreiben) aus und geben Sie das HighCharts-JSON aus dem Abschnitt JSON-Snippet schreiben auf dieser Seite ein.

5. Klicken Sie auf <> (Code formatieren), damit Looker Ihren JSON-Code richtig formatieren kann.

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

7. Klicken Sie auf Übernehmen, um die Änderungen anzuwenden. Die Visualisierung wird mit den benutzerdefinierten JSON-Werten angezeigt.

Nachdem Sie die Visualisierung angepasst haben, können Sie sie speichern. Wenn Sie sich die Visualisierung in einem Explore angesehen haben, speichern Sie das Explore. Wenn Sie einen Look oder ein Dashboard bearbeitet haben, klicken Sie auf Speichern.