Diese Seite wurde von der Cloud Translation API übersetzt.

Looker-Rezeptbuch: Bedingte Formatierung in kartesischen Diagrammen anpassen

Durch die visuelle Hervorhebung von Werten, die bestimmte Bedingungen erfüllen, können Nutzer schnell Datentrends erkennen. Dieses Muster wird oft als bedingte Formatierung bezeichnet.

Anhand dieser Visualisierung aus dem Beispiel Maximal-, Minimal- und Prozentrangwerte färben auf dieser Seite können Nutzer beispielsweise schnell die Monate mit den niedrigsten und höchsten Umsätzen erkennen:

In Looker können Sie die integrierten Optionen in den Visualisierungseinstellungen für Text- und Tabellendiagramme verwenden, um bedingte Formatierung auf Text- und Tabellendiagramme anzuwenden. Bei kartesischen Diagrammen können Sie mit dem Diagramm-Konfigurationseditor Datenwerte bedingt formatieren.

Im Diagramm-Konfigurationseditor können Sie mit dem Attribut series formatters bedingte Formatierung auf Werte anwenden, die bestimmte Kriterien erfüllen. Hier sind einige der Regeln für die bedingte Formatierung, die Sie anwenden können:

Der Wert ist größer, kleiner oder gleich einem bestimmten Wert.

Wenn Sie beispielsweise eine bedingte Formatierung auf numerische Werte anwenden möchten, die größer als 100 sind, verwenden Sie select: 'value > 100'.
Der Wert ist der Mindest- oder Höchstwert in der Reihe.

Wenn Sie beispielsweise die bedingte Formatierung auf den Höchstwert anwenden möchten, verwenden Sie select: 'max'.
Der Wert liegt innerhalb eines bestimmten Perzentilrangs.

Wenn Sie beispielsweise eine bedingte Formatierung auf Werte im oberen Zehntel-Perzentil anwenden möchten, verwenden Sie select: 'percent_rank >= 0.9'.
Der Wert auf der x-Achse stimmt mit einem bestimmten Wert überein.

Wenn Sie beispielsweise die bedingte Formatierung auf Reihen anwenden möchten, deren X‑Achsenwert „Columbia“ ist, verwenden Sie select: name = Columbia.

Dieses Rezeptbuch enthält die folgenden Anleitungen:

Maximal-, Minimal- und Prozentrangwerte einfärben
Bedingungen für die bedingte Formatierung kombinieren

Höchst-, Mindest- und Prozentrangwerte einfärben

Mit den Attributen select und style können Sie die Farbe der Höchst- und Mindestdatenwerte in einem kartesischen Diagramm sowie aller Werte angeben, die unter einem bestimmten Prozentrang liegen.

Zutaten

Vorbereitung

Für die Erstellung einer kartesischen Visualisierung mit bedingter Formatierung sind folgende Voraussetzungen erforderlich:

Berechtigungen zum Erstellen von Explores und Kenntnisse zum Untersuchen von Daten
Die Berechtigung can_override_vis_config, die Zugriff auf den Konfigurationseditor für Diagramme gewährt
Berechtigungen zum Speichern von Inhalten (wenn Sie die Visualisierung als Look oder Dashboard speichern möchten)
Vorkenntnisse zu JSON

Beispiel: Säulenvisualisierung

Ein Vertriebsteam möchte schnell monatliche Umsatztrends über ein Jahr hinweg identifizieren können. In einer Visualisierung werden die Gesamtkosten nach Monat gruppiert.

Mithilfe der bedingten Formatierung können Sie Werte hervorheben, die bestimmte Ziele erfüllen. So sind die Daten für Nutzer leichter verständlich.

In diesem Beispiel möchte das Vertriebsteam die folgenden Werte hervorheben:

Die Spalte mit dem niedrigsten Wert für Gesamtkosten ist rot.
Die Spalte mit dem höchsten Wert für Gesamtkosten ist grün.
Spalten im untersten 30. Perzentil der Gesamtkosten sind orange.
Alle anderen Spalten sind ausgegraut.

So wenden Sie diese bedingte Formatierung auf ein kartesisches Diagramm an:

Eine kartesische Visualisierung in einem Explore aufrufen oder eine kartesische Visualisierung in einem Look oder Dashboard bearbeiten.
Ö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 die folgende JSON-Datei 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 anzuwenden.

Jetzt kann das Vertriebsteam schnell sehen, in welchen Monaten die Leistung unterdurchschnittlich war, und diese Monate untersuchen, um herauszufinden, was passiert ist.

Nachdem Sie die Visualisierung angepasst haben, können Sie sie speichern. Wenn Sie sich 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: Streudiagrammvisualisierung

Wenn Sie eine bedingte Formatierung auf Streudiagramme 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.

So ändern Sie das vorherige Beispiel:

Sie können eine Streudiagrammvisualisierung in einem Explore aufrufen oder in einem Look oder Dashboard bearbeiten.
Ö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 die folgende JSON-Datei 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 resultierenden Visualisierung werden der Mindestwert, der Höchstwert und die Werte in den untersten 30 Prozent gemäß den Formatierungsregeln eingefärbt.

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.

Zutaten

Vorbereitung

Für die Erstellung einer kartesischen Visualisierung mit bedingter Formatierung sind folgende Voraussetzungen erforderlich:

Berechtigungen zum Erstellen von Explores und Kenntnisse zum Untersuchen von Daten
Die Berechtigung can_override_vis_config, die Zugriff auf den Konfigurationseditor für Diagramme 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 gruppiert.

Mithilfe der bedingten Formatierung können Sie Werte hervorheben, die bestimmte Ziele erfüllen. So sind die Daten für Nutzer leichter verständlich.

In diesem Beispiel möchte das Vertriebsteam die folgenden Werte hervorheben:

Spalten mit Gesamtkosten zwischen 43.000 und 45.000 $ (jeweils einschließlich) sind lila.
Alle anderen Spalten sind ausgegraut.

So wenden Sie diese bedingte Formatierung auf ein kartesisches Diagramm an:

Eine kartesische Visualisierung in einem Explore aufrufen oder eine kartesische Visualisierung in einem Look oder Dashboard bearbeiten.
Ö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 die folgende JSON-Datei ein:

{
  series: [{
    color: 'gray',
    formatters: [{
        select: 'value >= 43000 AND value <= 45000',
        style: {
          color: 'purple',
        }
      },
    ]
  }]
}

Klicken Sie auf Übernehmen, um die Änderungen anzuwenden.

Jetzt kann das Vertriebsteam schnell sehen, dass der Umsatz im März, April und September zwischen 43.000 und 45.000 $ liegt, und weitere Maßnahmen ergreifen, um herauszufinden, was in diesen Monaten passiert ist.