Das Cookbook für Looker-Visualisierungen optimal nutzen: Anpassung der bedingten Formatierung in kartesischen Diagrammen

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 integrierte Optionen, die sich in den Einstellungen für die Visualisierung von Text- und Tabellendiagrammen befinden, verwenden, um bedingte Formatierung auf Text- und Tabellendiagramme anzuwenden. Für kartesische Diagramme können Sie den Diagrammkonfigurationseditor verwenden, um Datenwerte bedingt zu 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 über 100 anwenden möchten, 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 die bedingte Formatierung auf Werte im oberen zehnten Perzentil anwenden möchten, verwenden Sie select: 'percent_rank >= 0.9'.

  • Der Wert auf der x-Achse stimmt mit einem angegebenen 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-, Mindest- und Perzentilwerte farbig markieren

Mit den Attributen select und style können Sie die Farbe der Maximal- und Minimaldaten in einem kartesischen Diagramm sowie alle Werte angeben, die unter ein bestimmtes Perzentil fallen.

Produkte

Vorbereitung

Zum Erstellen einer kartesischen Visualisierung mit bedingter Formatierung ist Folgendes erforderlich:

Beispiel: Spaltenvisualisierung

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 maximalen Wert für die Gesamtkosten wird grün dargestellt.
  • 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:

  1. Sie können eine kartesische Visualisierung in einem Explore aufrufen oder in einem Look oder Dashboard bearbeiten.
  2. Öffnen Sie in der Visualisierung das Menü Bearbeiten.
  3. Klicken Sie auf dem Tab Plot auf die Schaltfläche Diagrammkonfiguration bearbeiten. In Looker wird das Dialogfeld Diagrammkonfiguration bearbeiten angezeigt.

  4. Wählen Sie den Abschnitt Chart Config (Override) (Diagrammkonfiguration (Überschreiben)) aus und geben Sie den folgenden JSON-Code ein:

    {
  series: [{
    color: 'gray',
    formatters: [{
        select: 'max',
        style: {
          color: 'green',
        }
      },
      {
        select: 'percent_rank <= 0.3',
        style: {
          color: 'orange'
        }
      },
      {
        select: 'min',
        style: {
          color: 'red'
        }
      },
    ]
  }]
}

  5. Klicken Sie auf Übernehmen, um die Änderungen zu übernehmen.

Jetzt kann das Vertriebsteam schnell sehen, in welchen Monaten die Leistung unterdurchschnittlich war, und diese Monate untersuchen, um herauszufinden, 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: 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 Umrissfarbe jedes Punkts im Streudiagramm festgelegt. Mit dem Attribut fillColor wird die Füllfarbe jedes Punkts im Streudiagramm festgelegt.

Sie können das vorherige Beispiel folgendermaßen ändern:

  1. Sie können eine Streudiagrammvisualisierung in einem Explore aufrufen oder in einem Look oder Dashboard bearbeiten.
  2. Öffnen Sie in der Visualisierung das Menü Bearbeiten.
  3. Klicken Sie auf dem Tab Plot auf die Schaltfläche Diagrammkonfiguration bearbeiten. In Looker wird das Dialogfeld Diagrammkonfiguration bearbeiten angezeigt.

  4. Wählen Sie den Abschnitt Chart Config (Override) (Diagrammkonfiguration (Überschreiben)) aus und geben Sie den folgenden JSON-Code 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'
          }
        }
      }
    ]
  }]
}

  5. Klicken Sie auf Übernehmen, um die Änderungen zu übernehmen.

In der resultierenden Visualisierung werden der Mindest- und Höchstwert sowie die Werte in den unteren 30 % gemäß den Formatierungsregeln eingefärbt.

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.

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

Vorbereitung

Zum Erstellen einer kartesischen Visualisierung mit bedingter Formatierung ist Folgendes erforderlich:

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:

  1. Sie können eine kartesische Visualisierung in einem Explore aufrufen oder in einem Look oder Dashboard bearbeiten.
  2. Öffnen Sie in der Visualisierung das Menü Bearbeiten.
  3. Klicken Sie auf dem Tab Plot auf die Schaltfläche Diagrammkonfiguration bearbeiten. In Looker wird das Dialogfeld Diagrammkonfiguration bearbeiten angezeigt.

  4. Wählen Sie den Abschnitt Chart Config (Override) (Diagrammkonfiguration (Überschreiben)) aus und geben Sie den folgenden JSON-Code ein:

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

  5. Klicken Sie auf Übernehmen, um die Änderungen zu übernehmen.

Jetzt kann das Vertriebsteam schnell erkennen, dass der Umsatz für 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.

Nachdem Sie Ihre 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.