Venn-Diagramm mit dem Editor für Diagramm-Konfigurationen erstellen

Ein Venn-Diagramm zeigt die Überschneidung zwischen zwei oder mehr Attributen in einem Datensatz.

Mit dem Diagramm-Konfigurationseditor können Sie Venn-Diagramme erstellen, indem Sie in Looker ein Säulendiagramm als Ausgangspunkt verwenden. Sie müssen mindestens zwei type: yesno-Dimensionen und eine Dimension mit type: string oder type: number angeben, um ein Venn-Diagramm zu erstellen.

Sie können beispielsweise ein Venn-Diagramm erstellen, das die Überschneidung zwischen Bestellungen zeigt, die der erste Kauf eines Nutzers waren, Bestellungen, auf die ein Rabatt für Senioren angewendet wurde, und Bestellungen im Wert von mindestens 50 $.

Vorbereitung

Zum Zugriff auf den Konfigurationseditor für Diagramme benötigen Sie die Berechtigung can_override_vis_config.

JSON-Snippet schreiben

Um ein Venn-Diagramm zu erstellen, beginnen Sie mit dem folgenden JSON-Snippet:

{
  chart: {
    type: 'venn',
  }
}

Mengendiagramm erstellen

So erstellen Sie ein Venn-Diagramm:

  1. Rufen Sie ein Spaltendiagramm in einem Explore auf oder bearbeiten Sie ein Spaltendiagramm in einem Look oder Dashboard.

    Beginnen Sie mit einem Säulendiagramm mit mindestens drei Dimensionen. Fügen Sie eine Dimension von type: string oder type: number hinzu. Fügen Sie mindestens zwei Dimensionen von type: yesno hinzu.

  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 Bereich Diagrammkonfiguration (Überschreiben) aus und geben Sie das HighCharts-JSON-Snippet aus dem Abschnitt JSON-Snippet schreiben auf dieser Seite ein.

  5. Klicken Sie auf <> (Code formatieren), damit Looker Ihren JSON-Code richtig formatiert.

  6. Klicken Sie auf Vorschau, um Ihre Änderungen zu testen.

  7. 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.

Weitere Bedingungen hinzufügen

Wenn Sie dem Venn-Diagramm weitere Kreise hinzufügen möchten, fügen Sie der Datentabelle weitere type: yesno-Dimensionen hinzu. Sie können eine benutzerdefinierte Dimension erstellen, wenn Sie diese Bedingung nur für das Venn-Diagramm benötigen. Geben Sie Ihre benutzerdefinierten Dimensionen als boolesche Bedingung an, wie in diesem Beispiel:

${orders.total_amount} > 50

Werte für Überlappungslabels ändern

Standardmäßig ist das Label für sich überschneidende Regionen im Venn-Diagramm eine kommagetrennte Koncatenate der Regionslabels. Beispiel: Die Überschneidung zwischen den Regionen „Ausgaben über 50 €“, „Erster Kauf“ und „Rabatt für Senioren“ wäre „Ausgaben über 50 €, Erster Kauf, Rabatt für Senioren“.

Wenn Sie diese Labels anpassen möchten, bearbeiten Sie die series.data.name-Attribute im Diagramm-Konfigurationseditor. Um zu ermitteln, welches Attribut welcher Region entspricht, kann es hilfreich sein, zuerst alle Regionen aufzuzählen.

Betrachten Sie beispielsweise ein Venn-Diagramm mit drei Kreisen. Insgesamt gibt es also sieben Regionen.

Mit dem folgenden JSON-Snippet können Sie herausfinden, welches Label jeder Zahl entspricht:

{
  chart: {
    type: 'venn'
  },
    series: [{
    data: [{ name: '1'}, {name: '2'}, {name: '3'}, {name: '4'}, {name: '5'}, {name: '6'}, {name: '7'}]
  }]
}

Anschließend können Sie das Attribut name für jede Region bearbeiten, deren Namen Sie ändern möchten. Wenn das Label als Standard beibehalten werden soll, entfernen Sie das Attribut name, lassen Sie die Klammern aber stehen. In diesem Beispiel werden die überlappenden Regionen (3, 5, 6, 7) neu beschriftet. Die äußeren Kreise (1, 2, 4) behalten ihr Standardlabel.

{
  chart: {
    type: 'venn'
  },
    series: [{
    data: [{}, {}, {name: 'Ruby tier'}, {}, {name: 'Platinum tier'}, {name: 'Emerald tier'}, {name: 'Sapphire tier'}]
  }]
}

Schriftgröße von Labels ändern

Wenn Sie die Schriftgröße der Labels im Venn-Diagramm ändern möchten, bearbeiten Sie die dataLabels.style.fontSize-Attribute im Diagramm-Konfigurationseditor.

Im folgenden Beispiel wird die Schriftgröße der einzelnen Labels auf 24 Punkte festgelegt.

{
  chart: {
    type: 'venn',

  },
  series: [{
    data: [{
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      }, {
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      }, {
        name: 'Ruby tier',
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      }, {
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      }, {
        name: 'Platinum tier',
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      },
      {
        name: 'Emerald tier',
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      },
      {
        name: 'Sapphire tier',
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      }
    ]
  }]
}