Strukturkartendiagramm mit dem Diagrammkonfigurationseditor erstellen

In einem Treemap-Diagramm werden kategorische und hierarchische Daten als Rechtecke dargestellt. Die Größe der einzelnen Rechtecke wird durch einen numerischen Messwert bestimmt.

Mit dem Diagramm-Konfigurationseditor können Sie Strukturkartendiagramme erstellen, indem Sie in Looker ein Säulendiagramm als Ausgangspunkt verwenden. 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 ein Strukturkartendiagramm erstellen, in dem die Bestellartikelanzahl für verschiedene Kategorie-Werte dargestellt wird, die nach Saisonkollektion gedreht werden. Jede Saison 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 Artikel im Auftrag.

Vorbereitung

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

JSON-Snippet schreiben

Verwenden Sie das folgende JSON-Snippet, um ein Strukturkartendiagramm zu erstellen:

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

Strukturkartendiagramm erstellen

So erstellen Sie eine Strukturkarte:

  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 als Pivot-Tabelle definiert werden. Die als Drehpunkt festgelegten Werte definieren die Kategorien der obersten Ebene, die zum Rendern der Strukturkarte verwendet werden. Ihr Ausgangsdiagramm könnte in etwa so aussehen:

    Beispiel für ein Säulendiagramm mit dem Namen der Kategorie auf der X-Achse und den Bestellartikeln, die auf der Y-Achse nach saisonaler Kollektion gruppiert sind

  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). 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 formatiert.

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

  7. Klicken Sie auf Übernehmen, 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.