Strukturkartendiagramm mit dem Diagramm-Konfigurationseditor erstellen

In einem Treemap-Diagramm werden kategoriale und hierarchische Daten als eine Reihe von Rechtecken dargestellt, wobei die Größe jedes Rechtecks durch ein numerisches Maß bestimmt wird.

Mit dem Diagrammkonfigurationseditor können Sie Strukturkartendiagramme erstellen, indem Sie in Looker mit einem Säulendiagramm beginnen. Die besten Ergebnisse erzielen Sie, wenn Sie eine pivotierte Dimension, eine nicht pivotierte Dimension und einen Messwert verwenden, um ein Treemap-Diagramm zu erstellen.

Sie können beispielsweise eine Strukturkarte erstellen, die die Anzahl der bestellten Artikel für mehrere verschiedene Kategorie-Werte zeigt, pivotiert nach Saisonale Kollektion. Jede Jahreszeit wird durch ein farbcodiertes Rechteck dargestellt, das kleinere Rechtecke für die Kategorie enthält. Die Größe der einzelnen Rechtecke entspricht der Anzahl der bestellten Artikel.

Vorbereitung

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

JSON-Snippet schreiben

Wenn Sie eine Strukturkarte erstellen möchten, beginnen Sie mit dem folgenden JSON-Snippet:

{
  chart: {
    type: 'treemap',
  }
}

Strukturkartendiagramm erstellen

So erstellen Sie ein Treemap-Diagramm:

  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 zwei Dimensionen und einem Messwert zu beginnen. Eine Dimension sollte per Pivot-Tabelle dargestellt werden. Die pivotierten Werte definieren die Kategorien der obersten Ebene, die zum Rendern der Treemap verwendet werden. Ihr Ausgangsdiagramm könnte in etwa so aussehen:

    Beispiel für ein Säulendiagramm mit dem Kategorienamen auf der X-Achse und den nach saisonaler Kollektion gruppierten Bestellartikeln auf der Y-Achse

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

  3. Klicken Sie auf dem Tab Diagramm auf die Schaltfläche Diagrammkonfiguration bearbeiten. Looker zeigt das Dialogfeld Diagrammkonfiguration bearbeiten an.

  4. Wählen Sie den Abschnitt 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 Ihr JSON-Script richtig formatiert.

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

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

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