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 Diagrammkonfigurationseditor können Sie Venn-Diagramme erstellen, indem Sie mit einem Säulendiagramm in Looker beginnen. 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

Für den Zugriff auf den Diagrammkonfigurationseditor 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 Edit Chart Config (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. Damit Looker Ihr JSON-Format richtig formatiert, klicken Sie auf <> (Code formatieren).

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

  7. Klicken Sie auf Übernehmen, um die Änderungen zu übernehmen. Die Visualisierung wird mithilfe der benutzerdefinierten JSON-Werte angezeigt.

Nachdem Sie Ihre 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 wie in diesem Beispiel als boolesche Bedingung an:

${orders.total_amount} > 50

Werte für Überlappungslabels ändern

Standardmäßig ist das Label für sich überschneidende Regionen im Venn-Diagramm eine durch Kommas getrennte Verkettung der Regionslabels. Zum Beispiel die Überschneidung zwischen den Regionen „Über 50 € ausgegeben“, „Erster Kauf“ und „Rabatt für Senioren“ wäre „Über 50 € ausgegeben, erster Kauf, Rabatt für Senioren“.

Wenn Sie diese Labels anpassen möchten, bearbeiten Sie die series.data.name-Attribute mit dem Diagrammkonfigurationseditor. Um zu ermitteln, welches Attribut zu welcher Region gehört, kann es hilfreich sein, zuerst alle Regionen aufzulisten.

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

Mit dem folgenden JSON-Snippet können Sie herausfinden, welches Label den einzelnen Zahlen 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, aber lassen Sie die Klammern unverändert. 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 Editor für Diagramm-Konfigurationen.

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
          }
        }
      }
    ]
  }]
}