Streamgrafik mit dem Diagramm-Konfigurationseditor erstellen
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Ein Streamgraph ist eine Art gestapeltes Flächendiagramm, das sich zum Darstellen des Gesamtvolumens in verschiedenen Kategorien oder im Zeitverlauf eignet.
Mit dem Diagramm-Konfigurationseditor können Sie Streamgrafiken erstellen, indem Sie in Looker ein Flächendiagramm als Ausgangspunkt verwenden. Für Streamgraph-Diagramme sind zwei Dimensionen und ein Messwert erforderlich.
Im folgenden Streamgraph-Diagramm wird beispielsweise der Gesamtwert des Sonderangebotspreises für verschiedene Kategorie-Werte im Monat der Bestellungserstellung dargestellt. Die Kategorien sind übereinander gestapelt, um zu zeigen, wie viel jede Kategorie zum Gesamtwert beiträgt und wie sich der Gesamtwert im Laufe der Zeit verändert.
Vorbereitung
Zum Zugriff auf den Konfigurationseditor für Diagramme benötigen Sie die Berechtigung can_override_vis_config.
JSON-Snippet schreiben
Um ein Streamgrafikdiagramm zu erstellen, beginnen Sie mit dem folgenden JSON-Snippet:
{chart:{type:'streamgraph',}}
Streamgraph-Diagramm erstellen
So erstellen Sie ein Streamgraph-Diagramm:
Rufen Sie ein Flächendiagramm in einem Explore auf oder bearbeiten Sie ein Flächendiagramm in einem Look oder Dashboard.
Für dieses Beispiel empfehlen wir, mit einem Flächendiagramm mit zwei Dimensionen und einem Messwert zu beginnen. Eine Dimension sollte gepivotet 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 streamgraph chart with the Chart Config Editor\n\n| **Note:** Starting in Looker 24.8, the Chart Config Editor supports the creation of streamgraph charts.\n\nA streamgraph chart is a type of stacked area chart that is useful for displaying compound volume across different categories or over time.\n\nUsing the [Chart Config Editor](/looker/docs/chart-config-editor), you can create streamgraph charts by starting from an [area chart](/looker/docs/area-options) in Looker. Streamgraph charts require two dimensions and one measure.\n\nFor example, the following streamgraph chart shows the **Total Sale Price** over several different **Category** values, plotted over **Order Created Month**. Categories are stacked on top of one another to show how much each category contributes to the total, as well as how the total changes over time.\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 streamgraph chart, start from the following JSON snippet: \n\n {\n chart: {\n type: 'streamgraph',\n }\n }\n\n### Creating a streamgraph chart\n\nTo create a streamgraph chart, follow these steps:\n\n1. View an [area chart](/looker/docs/area-options) in an Explore, or edit an area chart in a Look or dashboard.\n\n For this example, we recommend starting from an area chart with two dimensions and one measure. One dimension should be pivoted. 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."]]
