Cookbook zu Looker-Visualisierungen optimal nutzen: Anpassung der bedingten Formatierung

Durch das visuelle Hervorheben von Werten, die bestimmte Bedingungen erfüllen (oder nicht erfüllen), können Nutzende Datentrends schnell erkennen. In Excel oder anderen Tabellenkalkulationsanwendungen wird dieses Muster oft als bedingte Formatierung bezeichnet.

Die folgende Tabellenvisualisierung aus dem Abschnitt Bedingte Formatierung direkt in den Visualisierungseinstellungen verwenden auf dieser Seite zeigt Nutzern beispielsweise, wo das Nutzerwachstum positiv oder negativ sein kann:

Looker unterstützt die bedingte Formatierung in Visualisierungen auf verschiedene Arten:

Dieses Kochbuch enthält Anleitungen für die letzten beiden Optionen:

Bedingte Formatierung mit Visualisierungseinstellungen

Sie können Visualisierungseinstellungen verwenden, um bedingte Formatierung in Tabellendiagrammen, Einzelwertvisualisierungen und Einzeleinträgen anzuwenden.

In diesem Abschnitt wird beschrieben, wie Sie die bedingte Formatierung in Tabellendiagrammen mithilfe der Visualisierungseinstellungen verwenden, die im Menü Bearbeiten der Visualisierung verfügbar sind.

Eine detaillierte Anleitung zur bedingten Formatierung in Einzelwertvisualisierungen finden Sie im Rezept Viele Informationen mit einer Visualisierung mit einem einzelnen Wert präsentieren im Artikel Visualisierungen in Looker optimal nutzen.

Produkte

Vorbereitung

Das Erstellen einer Tabellenvisualisierung mit bedingter Formatierung erfordert Folgendes:

Beispiel

Ein Marketingteam möchte die Anzahl der neuen Nutzer pro Monat sehen, segmentiert nach Altersstufen, um die Reaktionen auf die im Monat eingeführten Marketingansprechen besser zu verstehen.

Tabellenvisualisierung und Explore-Datentabelle, in der die Anzahl der User gruppiert nach Monat der Anzahl der erstellten User angezeigt wird, pivotiert nach acht Spalten zur Altersstufe der Nutzer: 10–19, 20–29, 30–39, bis 80 und höher.

Die standardmäßige Tabellenvisualisierung kann für einige Nutzer schwer zu parsen sein. Sie können die bedingte Formatierung in den Visualisierungseinstellungen verwenden, um Werte mit Zielen zu vergleichen oder Regeln festzulegen. Dadurch werden die Daten für Nutzende klarer verständlich.

In diesem Beispiel möchte das Marketingteam die Werte in der Tabelle mit den folgenden Bedingungen vergleichen:

  • Positives Wachstum (Grün) – Monate und Altersstufen mit mindestens 50 neuen Nutzern
  • Durchschnittliches Wachstum (gelb) – Monate und Altersstufen mit 25 bis 50 neuen Nutzern
  • Schlechtes Wachstum (Rot): Monate und Altersstufen mit bis zu 25 neuen Nutzern

Führen Sie die folgenden Schritte aus, um die bedingte Formatierung mit den Einstellungen im Menü Bearbeiten der Visualisierung auf eine Tabellenvisualisierung anzuwenden:

  1. Öffnen Sie in der Leiste Visualisierung das Menü Bearbeiten.
  2. Wählen Sie auf dem Tab Diagramm die gewünschten Optionen für den Tabellenstil aus. Sie können beispielsweise das Tabellendesign über das Drop-down-Menü Tabellendesign auswählen oder festlegen, ob Zeilennummern angezeigt werden sollen, indem Sie die Ein/Aus-Schaltfläche Zeilennummern anzeigen aktivieren oder deaktivieren.
  3. Wählen Sie auf dem Tab Plot die Option Zellenvisualisierung aus, um sie zu deaktivieren. Die Zellenvisualisierung muss deaktiviert sein, damit die bedingte Formatierung auf Tabellenwerte angewendet werden kann.
  4. Klicken Sie auf dem Tab Formatierung auf die Ein/Aus-Schaltfläche Bedingte Formatierung aktivieren, um die bedingte Formatierung zu aktivieren und auf die Einstellungen für die bedingte Formatierung zuzugreifen.
    • Sie können auch auf dem Tab Formatierung im Bereich Farben eine Farbvorlage aus dem Drop-down-Menü Sammlung auswählen und die Zeilengröße in Pixeln im Feld Zeile und der Spaltenüberschrift, Textausrichtung, Schriftgröße und Farbe im Feld Kopfzeile des Abschnitts Anpassungen anpassen.
    • In diesem Beispiel wird die Option Nullwerte als Null einschließen ausgewählt, damit alle Nullwerte als Nullen eingeschlossen werden.
  5. Erstellen Sie die Regeln für die bedingte Formatierung. Über die Schaltfläche Regel hinzufügen können Sie beliebig viele Regeln für die bedingte Formatierung hinzufügen.
    • Wählen Sie im Drop-down-Menü Anwenden auf die gewünschten Werte aus, die auf die Regel angewendet werden sollen.

  6. Wählen Sie im Drop-down-Menü Format das gewünschte Format für die Regel aus. * Sie können die Standardeinstellung neben der Skala beibehalten. Die Werte werden anhand der Farbpalette und der Werteeinstellungen Ihrer Wahl in einem Farbverlauf hervorgehoben. Weitere Informationen zur Farbcodierung auf einer Skala finden Sie im Abschnitt Bedingte Formatierung auf der Dokumentationsseite zu den Optionen für Tabellendiagramme.

    • Geben Sie für jede Regel die gewünschten Werte für Hintergrundfarbe, Schriftfarbe und Schriftstil an. Berücksichtigen Sie bei der Barrierefreiheit Ihrer Inhalte den Farbkontrast.

    • Für dieses Beispiel werden drei Regeln erstellt:

      • Option Format: Wenn der Wert größer als 49 ist, ist die Option Hintergrundfarbe grün ausgewählt.
      • Option Format: Wenn der Wert zwischen 24 und 50 liegt und die Option Hintergrundfarbe gelb ausgewählt ist.
      • Option Format: Wenn der Wert kleiner als 25 ist, ist die Option Hintergrundfarbe rot ausgewählt.

In der resultierenden Visualisierung wird die Anzahl der Nutzer in jeder Spalte für die Altersstufe basierend auf den vom Marketing-Team festgelegten Kriterien angezeigt:

  • Positives Wachstum (Grün) – Monate und Altersstufen mit mindestens 50 neuen Nutzern
  • Durchschnittliches Wachstum (gelb) – Monate und Altersstufen mit 25 bis 50 neuen Nutzern
  • Schlechtes Wachstum (Rot): Monate und Altersstufen mit bis zu 25 neuen Nutzern

Bedingte Formatierung in LookML mit dem Parameter html

Sie können nicht nur die Einstellungen im Menü Bearbeiten für die Visualisierung verwenden, sondern auch bedingte Formatierungen direkt in den LookML-Code eines Felds hartcodieren. Dies ist vorteilhaft für die bedingte Formatierung, die in allen Analysen für ein bestimmtes Feld einheitlich ist, da die Visualisierungseinstellungen für einzelne Berichte nicht neu konfiguriert werden müssen.

Produkte

  • Liquid-Variablen: Liquid-Variablen rendern die Werte von Feldern in Verbindung mit festgelegter HTML-Formatierung.
  • Parameter html: Der im html-Parameter eines Felds codierte HTML-Stil wird in der Datentabelle des Explores und in der Visualisierung gerendert.
  • Tabellenvisualisierung: Die bedingte Formatierung wird Nutzern in der Visualisierung angezeigt.

Vorbereitung

Für die Hartcodierung der bedingten Formatierung im Parameter html ist Folgendes erforderlich:

Beispiel

Angenommen, Sie haben in Ihren Daten ein Feld namens status, das den Status jeder Bestellung angibt. Dies sind die möglichen Werte für status:

  • "storniert"
  • „abgeschlossen“
  • "ausstehend"

Um den Bestellstatus für Nutzer hervorzuheben, die Berichte ansehen, die das Feld Status enthalten, können Sie eine eindeutige Hintergrundfarbe hinzufügen, um jeden Status hervorzuheben.

So codieren Sie bedingte Formatierung in einem LookML-Feld:

dimension: status {
  type: string
  sql: ${TABLE}.status ;;
  html:
    {% if value == 'complete' %}
      <p style="color: black; background-color: lightgreen;">{{ value }}</p>
    {% elsif value == 'pending' %}
      <p style="color: black; background-color: orange;">{{ value }}</p>
    {% else %}
      <p style="color: white; background-color: red;">{{ value }}</p>
    {% endif %}
  ;;
  description: "The current status of an existing order."
}
  1. Gehen Sie im Entwicklungsmodus zu dem LookML-Feld, dem Sie die bedingte Formatierung hinzufügen möchten.
  2. Fügen Sie dem Feld einen html-Parameter hinzu. In diesem Fall lautet das Feld status.
  3. Erstellen Sie im Parameter html einen Ausdruck mit der Liquid Tag-Syntax, der Bedingungen für bestimmte Werte des Felds festlegt.
  4. Speichern Sie den Code, validieren Sie ihn und übertragen Sie ihn in die Produktion, nachdem Sie sich vergewissert haben, dass er wie erwartet funktioniert.

Das Ergebnis sind die Statuswerte, die in allen Looker-Berichten, die das Feld enthalten, je nach Status rot, grün oder orange hervorgehoben sind.

Die Tabellenvisualisierung zeigt die Anzahl der Bestellungen gruppiert nach dem Bestellstatus „Storniert“ in Rot, „Abgeschlossen“ in Grün und „Ausstehend“ in Orange.

Die Hintergrundfarben werden auch für andere Diagramme angezeigt. In einem Säulendiagramm für eine Abfrage, in der die Anzahl der Bestellungen nach dem Bestellstatus gruppiert ist, werden beispielsweise die codierten Hintergrundfarben für jeden Wert des Typs Bestellstatus angezeigt.

Zusätzliche Stile

Sie können dieselbe Syntax wie im vorherigen Beispiel verwenden, um Symbole oder Bilder basierend auf Feldwerten hinzuzufügen. Im folgenden Beispiel wird ein rotes "x" hinzugefügt, Häkchensymbol für den Bestellstatus „storniert“, ein grünes Häkchen für den Bestellstatus „abgeschlossen“ und ein Uhrensymbol für den Bestellstatus „Ausstehend“:

    dimension: status {
      type: string
      sql: ${TABLE}.status ;;
      html:
        {% if value == 'complete' %}
          <p><img src="https://findicons.com/files/icons/573/must_have/48/check.png" height=20 width=20>{{ rvalue }}</p>
        {% elsif value == 'pending' %}
          <p><img src="https://findicons.com/files/icons/1681/siena/128/clock_blue.png" height=20 width=20>{{ value }}</p>
        {% else %}
           <p><img src="https://findicons.com/files/icons/719/crystal_clear_actions/64/cancel.png" height=20 width=20>{{ value }}</p>
        {% endif %}
      ;;
      description: "The current status of an existing order."
    }

Das Ergebnis sind Statuswerte mit einem roten x-, grünen Häkchen- oder Uhrsymbol neben dem Wert, der in allen Looker-Berichten, die das Feld enthalten, je nach Status angezeigt wird.

Nächste Schritte

Nachdem Sie Ihre Tabellenvisualisierung mit bedingter Formatierung erstellt haben, können Sie sie für andere freigeben: