Durch die visuelle Hervorhebung von Werten, die bestimmte Bedingungen erfüllen, können Nutzende schnell Datentrends erkennen. Dieses Muster wird oft als bedingte Formatierung bezeichnet.
Die Visualisierung aus dem Beispiel Farbige Werte für Höchst-, Mindest- und Perzentilwerte auf dieser Seite hilft Nutzern, schnell den niedrigsten und höchsten Umsatz zu ermitteln:
In Looker können Sie integrierte Optionen in den Visualisierungseinstellungen für Text- und Tabellendiagramme verwenden, um bedingte Formatierung auf Text- und Tabellendiagramme anzuwenden. Für kartesische Diagramme können Sie den Editor für Diagrammkonfigurationen verwenden, um Datenwerte bedingt zu formatieren.
Im Diagrammkonfigurationseditor können Sie mit dem Attribut series formatters
eine bedingte Formatierung auf Werte anwenden, die bestimmte Kriterien erfüllen. Im Folgenden finden Sie einige der Regeln für die bedingte Formatierung, die Sie anwenden können:
Der Wert ist größer oder gleich einem bestimmten Wert.
Wenn Sie beispielsweise eine bedingte Formatierung auf numerische Werte über 100 anwenden möchten, verwenden Sie
select: 'value > 100'
.Der Wert ist der Mindest- oder Höchstwert in der Reihe.
Wenn Sie beispielsweise eine bedingte Formatierung auf den Maximalwert anwenden möchten, verwenden Sie
select: 'max'
.Der Wert liegt innerhalb eines angegebenen Perzentilrangs.
Wenn Sie beispielsweise die bedingte Formatierung auf Werte im oberen 10. Perzentil anwenden möchten, verwenden Sie
select: 'percent_rank >= 0.9'
.Der Wert der x-Achse entspricht einem angegebenen Wert.
Wenn Sie beispielsweise die bedingte Formatierung auf Reihen anwenden möchten, bei denen der Wert der x-Achse „Kolumbien“ ist, verwenden Sie
select: name = Columbia
.
Dieses Kochbuch enthält die folgenden Anleitungen:
- Höchst-, Mindest- und Perzentilwerte farblich kennzeichnen
- Bedingungen für die bedingte Formatierung kombinieren
Höchst-, Mindest- und Perzentilwerte farbig darstellen
Mit den Attributen select
und style
können Sie die Farbe der Maximal- und Minimalwerte in einem kartesischen Diagramm sowie aller Werte angeben, die unter ein bestimmtes Perzentil fallen.
Produkte
- Explore-Abfrage
- Kartesische Visualisierung
- Bearbeiter von Diagrammkonfigurationen
Vorbereitung
Zum Erstellen einer kartesischen Visualisierung mit bedingter Formatierung ist Folgendes erforderlich:
- Berechtigungen zum Erstellen von Explores und Vertrautheit mit dem Erkunden von Daten
- Die Berechtigung
can_override_vis_config
, die Zugriff auf den Diagrammkonfigurationseditor gewährt - Berechtigungen zum Speichern von Inhalten (wenn Sie die Visualisierung als Look oder Dashboard speichern möchten)
- Vorkenntnisse zu JSON
Beispiel: Spaltenvisualisierung
Ein Vertriebsteam möchte in der Lage sein, schnell monatliche Umsatztrends über ein Jahr hinweg zu identifizieren. In einer Visualisierung werden die Gesamtkosten nach Monat angezeigt.
Sie können die bedingte Formatierung verwenden, um Werte hervorzuheben, die bestimmte Ziele erfüllen. Dadurch werden die Daten für Nutzende verständlicher.
In diesem Beispiel möchte das Vertriebsteam die folgenden Werte hervorheben:
- Die Spalte mit dem minimalen Wert für Gesamtkosten ist rot.
- Die Spalte mit dem maximalen Wert für Gesamtkosten ist grün.
- Alle Spalten im unteren 30. Perzentil der Gesamtkosten werden orange dargestellt.
- Alle anderen Spalten sind grau.
So wenden Sie diese bedingte Formatierung auf ein kartesisches Diagramm an:
- Sehen Sie sich eine kartesische Visualisierung in einem Explore an oder bearbeiten Sie eine kartesische Visualisierung in einem Look oder Dashboard.
- Öffnen Sie das Menü Bearbeiten in der Visualisierung.
- Klicken Sie auf dem Tab Plot (Diagramm) auf die Schaltfläche Edit Chart Configuration (Diagrammkonfiguration bearbeiten). Looker zeigt das Dialogfeld Diagrammkonfiguration bearbeiten an.
Wählen Sie den Bereich Diagrammkonfiguration (Überschreiben) aus und geben Sie die folgende JSON ein:
{ series: [{ color: 'gray', formatters: [{ select: 'max', style: { color: 'green', } }, { select: 'percent_rank <= 0.3', style: { color: 'orange' } }, { select: 'min', style: { color: 'red' } }, ] }] }
Klicken Sie auf Übernehmen, um die Änderungen zu übernehmen.
Jetzt kann das Sales-Team schnell erkennen, in welchen Monaten die Leistung schlechter war, und diese Monate untersuchen, um festzustellen, was passiert ist.
Nachdem Sie Ihre Visualisierung angepasst haben, können Sie sie speichern. Wenn Sie die Visualisierung in einem Explore angesehen haben, speichern Sie das Explore. Wenn Sie einen Look oder ein Dashboard bearbeitet haben, klicken Sie auf Speichern.
Beispiel: Streudiagramm-Visualisierung
Wenn Sie bedingte Formatierung auf Streudiagramm-Visualisierungen anwenden möchten, können Sie anstelle des Attributs style.color
eine Farbe für die Attribute style.marker.fillColor
und style.marker.lineColor
angeben.
Mit dem Attribut lineColor
wird die Farbe des Umrisses jedes Punkts im Streudiagramm festgelegt. Mit dem Attribut fillColor
wird die innere Farbe jedes Punkts im Streudiagramm festgelegt.
Sie können das vorherige Beispiel folgendermaßen ändern:
- Sehen Sie sich eine Streudiagramm-Visualisierung in einem Explore an oder bearbeiten Sie eine Streudiagramm-Visualisierung in einem Look oder Dashboard.
- Öffnen Sie das Menü Bearbeiten in der Visualisierung.
- Klicken Sie auf dem Tab Plot (Diagramm) auf die Schaltfläche Edit Chart Configuration (Diagrammkonfiguration bearbeiten). Looker zeigt das Dialogfeld Diagrammkonfiguration bearbeiten an.
Wählen Sie den Bereich Diagrammkonfiguration (Überschreiben) aus und geben Sie die folgende JSON ein:
{ series: [{ color: 'gray', formatters: [{ select: 'max', style: { marker: { fillColor: 'green', lineColor: 'green' } } }, { select: 'percent_rank <= 0.3', style: { marker: { fillColor: 'orange', lineColor: 'orange' } } }, { select: 'min', style: { marker: { fillColor: 'red', lineColor: 'red' } } } ] }] }
Klicken Sie auf Übernehmen, um die Änderungen zu übernehmen.
In der Visualisierung werden der Mindest- und Höchstwert sowie die Werte in den unteren 30 % gemäß den Formatierungsregeln eingefärbt.
Nachdem Sie Ihre Visualisierung angepasst haben, können Sie sie speichern. Wenn Sie die Visualisierung in einem Explore angesehen haben, speichern Sie das Explore. Wenn Sie einen Look oder ein Dashboard bearbeitet haben, klicken Sie auf Speichern.
Bedingungen für die bedingte Formatierung kombinieren
Sie können AND
und OR
im Attribut select
verwenden, um logische Ausdrücke in Regeln für die bedingte Formatierung zu kombinieren.
Produkte
- Explore-Abfrage
- Kartesische Visualisierung
- Bearbeiter von Diagrammkonfigurationen
Vorbereitung
Zum Erstellen einer kartesischen Visualisierung mit bedingter Formatierung ist Folgendes erforderlich:
- Berechtigungen zum Erstellen von Explores und Vertrautheit mit dem Erkunden von Daten
- Die Berechtigung
can_override_vis_config
, die Zugriff auf den Diagrammkonfigurationseditor gewährt - Berechtigungen zum Speichern von Inhalten (wenn Sie die Visualisierung als Look oder Dashboard speichern möchten)
- Vorkenntnisse zu JSON
Beispiel
Ein Vertriebsteam möchte schnell erkennen können, welche Monate bestimmte Kriterien erfüllen. In einer Visualisierung werden die Gesamtkosten nach Monat angezeigt.
Sie können die bedingte Formatierung verwenden, um Werte hervorzuheben, die bestimmte Ziele erfüllen. Dadurch werden die Daten für Nutzende verständlicher.
In diesem Beispiel möchte das Vertriebsteam die folgenden Werte hervorheben:
- Alle Spalten mit Werten für Gesamtkosten zwischen 43.000 $und 45.000 $ (einschließlich) werden lila dargestellt.
- Alle anderen Spalten sind grau.
So wenden Sie diese bedingte Formatierung auf ein kartesisches Diagramm an:
- Sehen Sie sich eine kartesische Visualisierung in einem Explore an oder bearbeiten Sie eine kartesische Visualisierung in einem Look oder Dashboard.
- Öffnen Sie das Menü Bearbeiten in der Visualisierung.
- Klicken Sie auf dem Tab Plot (Diagramm) auf die Schaltfläche Edit Chart Configuration (Diagrammkonfiguration bearbeiten). Looker zeigt das Dialogfeld Diagrammkonfiguration bearbeiten an.
Wählen Sie den Bereich Diagrammkonfiguration (Überschreiben) aus und geben Sie die folgende JSON ein:
{ series: [{ color: 'gray', formatters: [{ select: 'value >= 43000 AND value <= 45000', style: { color: 'purple', } }, ] }] }
Klicken Sie auf Übernehmen, um die Änderungen zu übernehmen.
Jetzt kann das Vertriebsteam schnell sehen, dass der Umsatz von März, April und September zwischen 43.000 und 45.000 US-Dollar liegt, und weitere Maßnahmen ergreifen, um herauszufinden, was in diesen Monaten passiert ist.
Nachdem Sie Ihre Visualisierung angepasst haben, können Sie sie speichern. Wenn Sie die Visualisierung in einem Explore angesehen haben, speichern Sie das Explore. Wenn Sie einen Look oder ein Dashboard bearbeitet haben, klicken Sie auf Speichern.