Strukturkartendiagramm mit dem Diagramm-Konfigurationseditor erstellen

Hinweis: Ab Looker 24.10 unterstützt der Diagrammkonfigurator das Erstellen von Treemap-Diagrammen.

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 Treemap-Diagramm erstellen, in dem die Anzahl der Bestellartikel für verschiedene Kategorie-Werte dargestellt wird, die nach Saisonkollektion gedreht werden. Jede Saison wird durch ein farbcodiertes Rechteck dargestellt, das kleinere Rechtecke enthält, die die Kategorie repräsentieren. 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

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

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

Treemap-Diagramm erstellen

So erstellen Sie ein Treemap-Diagramm:

1. Rufen Sie ein Spaltendiagramm in einem Explore auf oder bearbeiten Sie ein Spaltendiagramm 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 gepivotet werden. Die Pivot-Werte definieren die Kategorien der obersten Ebene, die zum Rendern der Treemap verwendet werden. 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 formatiert.

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.