Strukturkartendiagramm mit dem Diagramm-Konfigurationseditor erstellen
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
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:
Rufen Sie ein Spaltendiagramm 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 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:
Öffnen Sie in der Visualisierung das Menü Bearbeiten.
Klicken Sie auf dem Tab Plot auf die Schaltfläche Diagrammkonfiguration bearbeiten. In Looker wird das Dialogfeld Diagrammkonfiguration bearbeiten angezeigt.
Wählen Sie den Bereich Diagrammkonfiguration (Überschreiben) aus und geben Sie das HighCharts-JSON aus dem Abschnitt JSON-Snippet schreiben auf dieser Seite ein.
Klicken Sie auf <> (Code formatieren), damit Looker Ihren JSON-Code richtig formatiert.
Klicken Sie auf Vorschau, um Ihre Änderungen zu testen.
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.
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Schwer verständlich","hardToUnderstand","thumb-down"],["Informationen oder Beispielcode falsch","incorrectInformationOrSampleCode","thumb-down"],["Benötigte Informationen/Beispiele nicht gefunden","missingTheInformationSamplesINeed","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2025-08-25 (UTC)."],[],[],null,["# Creating a treemap chart with the Chart Config Editor\n\n| **Note:** Starting in Looker 24.10, the Chart Config Editor supports the creation of treemap charts.\n\nA treemap chart displays categorical and hierarchical data as a set of rectangles, where the size of each rectangle is determined by a numeric measure.\n\nUsing the [Chart Config Editor](/looker/docs/chart-config-editor), you can create treemap charts by starting from a [column chart](/looker/docs/column-options) in Looker. For best results, use a pivoted dimension, an unpivoted dimension, and a measure to create a treemap chart.\n\nFor example, you can create a treemap chart that shows the **Order Item Count** over several different **Category** values, pivoted by **Seasonal Collection** . Each season is represented by a color-coded rectangle, which contains smaller rectangles that represent the category. The size of each rectangle corresponds to the **Order Item Count** .\n\nPrerequisites\n-------------\n\nTo access the Chart Config Editor, you must have the [`can_override_vis_config` permission](/looker/docs/admin-panel-users-roles#can_override_vis_config).\n\n### Writing the JSON snippet\n\nTo create a treemap chart, start from the following JSON snippet: \n\n {\n chart: {\n type: 'treemap',\n }\n }\n\n### Creating a treemap chart\n\nTo create a treemap chart, follow these steps:\n\n1. View a [column chart](/looker/docs/column-options) in an Explore, or edit a column chart in a Look or dashboard.\n\n For this example, we recommend starting from a column chart with two dimensions and one measure. One dimension should be pivoted. The pivoted values define the top level categories used to render the treemap. Your starting chart might look something like this example:\n\n2. Open the **Edit** menu in the visualization.\n\n3. In the **Plot** tab, click the **Edit Chart Config** button. Looker displays the **Edit Chart Config** dialog.\n\n4. Select the **Chart Config (Override)** section, and enter the HighCharts JSON from the [Writing the JSON snippet](#json) section of this page.\n\n5. To let Looker properly format your JSON, click **\\\u003c\\\u003e (Format code)**.\n\n6. To test your changes, click **Preview**.\n\n7. To apply your changes, click **Apply**. The visualization will be displayed using the custom JSON values.\n\nOnce you've customized your visualization, you can save it."]]
