Vollständiges Messwertdiagramm mit dem Diagramm-Konfigurationseditor erstellen
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Vollständige Tachometerdiagramme eignen sich gut, um Zahlen in einem bekannten Bereich darzustellen. Leser können anhand der erwarteten Werte schnell feststellen, ob der aktuelle Wert relativ hoch oder niedrig ist.
Mit dem Diagramm-Konfigurationseditor können Sie Vollkreisdiagramme erstellen, indem Sie in Looker mit einem Säulendiagramm beginnen. Für Vollkreisdiagramme sind eine Dimension und ein Messwert erforderlich.
Im folgenden Vollkreisdiagramm wird beispielsweise der aktuelle Wert des Messwerts Kundenzufriedenheit (CSAT) durch eine kreisförmige blaue Fortschrittsanzeige dargestellt. Da die möglichen Werte der CSAT-Werte zwischen 0 und 100 liegen, werden diese Werte an den Enden des Balkens dargestellt.
Vorbereitung
Zum Zugriff auf den Konfigurationseditor für Diagramme benötigen Sie die Berechtigung can_override_vis_config.
JSON-Snippet schreiben
Wenn Sie ein Vollkreisdiagramm erstellen möchten, beginnen Sie mit dem folgenden JSON-Snippet:
Ändern Sie die folgenden Werte anhand Ihres Anwendungsfalls:
Mit dem Attribut yAxis.min wird der Mindestwert für das Vollkreisdiagramm definiert.
Mit dem Attribut yAxis.max wird der Höchstwert für das Vollkreisdiagramm festgelegt.
Mit dem Attribut yAxis.tickAmount wird die Anzahl der Labels angegeben, die um das Vollkreisdiagramm herum angezeigt werden sollen. Die Labels werden basierend auf den Attributen yAxis.min und yAxis.max gleichmäßig verteilt.
Vollständiges Balkendiagramm erstellen
So erstellen Sie ein Vollkreisdiagramm:
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 einer Dimension und einem Messwert zu beginnen, das auf eine Zeile beschränkt ist. 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-07-30 (UTC)."],[],[],null,["# Creating a solid gauge chart with the Chart Config Editor\n\n| **Note:** Starting in Looker 24.8, the Chart Config Editor supports the creation of solid gauge charts.\n\nSolid gauge charts are useful for displaying numbers in a known range. Readers can quickly determine whether the current value is relatively high or low based on expected values.\n\nUsing the [Chart Config Editor](/looker/docs/chart-config-editor), you can create solid gauge charts by starting from a column chart in Looker. Solid gauge charts require one dimension and one measure.\n\nFor example, the following solid gauge chart shows the current value of the **Customer Satisfaction (CSAT)** measure, which is represented by a circular blue progress bar. Since the possible values of CSAT scores can be from 0 to 100, those values are represented on either end of the gauge.\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 solid gauge chart, start from the following JSON snippet: \n\n {\n chart: {\n type: 'solidgauge'\n },\n yAxis: [{\n min: 0,\n max: 100,\n tickAmount: 10\n }],\n }\n\nChange the following values to fit your use case:\n\n- The `yAxis.min` attribute defines the minimum value for the solid gauge chart.\n- The `yAxis.max` attribute defines the maximum value for the solid gauge chart.\n- The `yAxis.tickAmount` attribute specifies the number of labels that should be displayed around the solid gauge chart. The labels will be evenly distributed based on the `yAxis.min` and `yAxis.max` attributes.\n\n### Creating a solid gauge chart\n\nTo create a solid gauge 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 one dimension and one measure, with a limit of one row. 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."]]
