Diagramme in Pop-ups bieten eine visuelle, aussagekräftige und leicht verständliche Möglichkeit, numerische Attributinformationen anzuzeigen. Dieser Blog-Beitrag konzentriert sich auf die Verwendung von Pop-up-Diagrammelementen und behandelt die wichtigsten Punkte, um Ihnen den Einstieg zu erleichtern.
Infos zur Beispielkarte
In den folgenden Abschnitten wird die Beispielkarte Kriminalität in der Nachbarschaft – Pop-up-Diagrammelement verwendet. Sobald Sie die Karte geöffnet haben, melden Sie sich an, um die Karte in Ihrem Inhalt zu speichern. Jede Pop-up-Konfiguration wird in einem eigenen Layer angezeigt, wobei der Name und der Titel des Layers die Art der Pop-up-Konfiguration beschreiben.
Öffnen Sie den Layerbereich in der Symbolleiste Inhalt (dunkel) und schalten Sie die Sichtbarkeit um, um den gewünschten Layer anzuzeigen. Klicken Sie auf ein beliebiges Feature, um das Popup anzuzeigen.
Standardmäßig sind Pop-ups nicht angedockt, Sie können sie jedoch andocken, um mehr Informationen anzuzeigen. Klicken Sie auf die Schaltfläche Andocken oben rechts im Popup-Fenster.

Wählen Sie den Layer aus (ein blauer Markierungsbalken erscheint links), um die Pop-up-Konfiguration anzuzeigen. Klicken Sie anschließend in der Symbolleiste „Einstellungen“ (hell) auf „Pop-ups“, um die Konfiguration des Pop-ups einzusehen.

Die Beispielkarte konzentriert sich auf die Kriminalitätsstatistik nach Stadtteilen. Die Karte enthält fünf Ebenen, die im Folgenden beschrieben werden.
Standard (nicht konfiguriert)
Dieser Layer wurde nicht konfiguriert und kann verwendet werden, um in diesem Tutorial zu folgen. Das Pop-up nutzt ein Listenelement für Felder, um eine Übersicht der Felder und ihrer Werte darzustellen. Durch die Integration von Diagrammen in das Pop-up können diese Daten deutlich anschaulicher und verständlicher präsentiert werden.

Zufällige Farben
Ein Beispiel für die Standardfarben des Zufallsdiagramms. Die Zufallsfarben können bearbeitet und geändert werden. Siehe Abschnitte unten.

Einzelne Farbe
Dieses Pop-up-Diagramm ist mit einer einzigen Farbe konfiguriert. Dies kann eine gute Option gegenüber der Verwendung von Zufallsfarben sein, da es eine verwirrende Farbverwendung beim Erkunden von Merkmalen in der Karte vermeidet.

Farbanpassung für die vorherrschende Kategorie
Dieser Layer verwendet einen Farbstil für die vorherrschende Kategorie. Wenn dieselben Kategorienfelder für das Diagramm verwendet werden, stimmen die Farben automatisch überein.

Chart media group
Ein Beispiel mit einer Diagramm-Mediengruppe. Mehrere Diagramme und verschiedene Diagrammtypen können zu einer Mediengruppe hinzugefügt werden. Die Navigation erfolgt horizontal über die Pfeile unten rechts, um vor- oder zurückzugehen.

Tipp: Docken Sie das Pop-up an, um mehr Inhalt auf einen Blick sichtbar zu machen.
Pop-up-Diagrammtypen
Die Elemente von Pop-up-Diagrammen unterstützen Balkendiagramme, Liniendiagramme und Kreisdiagramme.
Balkendiagramme eignen sich am besten, um Daten in diskreten Kategorien darzustellen. Abstände zwischen den Elementen trennen die Werte. Balkendiagramme können vertikal oder horizontal ausgerichtet sein.

Liniendiagramme können verwendet werden, um Veränderungen über die Zeit oder eine Entwicklung darzustellen. Ein Liniendiagramm impliziert eine inhärente Reihenfolge, die von links nach rechts verläuft.

Kreisdiagramme eignen sich gut, um die Anteile eines Ganzen darzustellen. Alle im Kreisdiagramm dargestellten Attribute sollten zusammen 100 Prozent ergeben.
Diagrammelemente zu Pop-ups hinzufügen
Pop-ups bestehen aus verschiedenen Elementen, die hinzugefügt und konfiguriert werden. Um Pop-ups für einen Layer zu konfigurieren, wählen Sie die Ebene im Ebenenbereich der Werkzeugleiste “Inhalt” (dunkel) aus und klicken Sie dann auf “Pop-ups” in der Werkzeugleiste “Einstellungen” (hell).
Schritt 1 – Öffnen Sie die Beispielkarte und melden Sie sich an. Sie können die Schritte auch ohne Anmeldung nachvollziehen.
Schritt 2 – Wählen Sie den Standardlayer (nicht konfiguriert) aus. Stellen Sie sicher, dass der Layer sichtbar und ausgewählt ist.

Klicken Sie auf ein Viertel, um das Pop-up anzuzeigen. Der Standardlayer (nicht konfiguriert) verwendet ein Feldlistenelement, um Attribute und Werte darzustellen. In den folgenden Schritten werden Diagramme hinzugefügt, um mehr Bedeutung zu vermitteln und Trends sowie Muster aufzuzeigen.
Schritt 3 – Klicken Sie in der Werkzeugleiste “Einstellungen” (hell) auf “Pop-ups”.

Schritt 4 – Das standardmäßige Feldlistenelement wird nicht benötigt und kann daher gelöscht werden. Klicken Sie auf Optionen (…), dann auf „Löschen“.

Schritt 5 – Um ein Diagrammelement hinzuzufügen, klicken Sie auf „Inhalt hinzufügen“ und wählen Sie dann „Diagramm“ aus.

Schritt 6 – Konfigurieren Sie das Diagramm.
Obwohl sich die Diagrammtypen unterscheiden, ist das Konfigurationsfenster für alle Diagrammtypen ähnlich aufgebaut. Standardmäßig wird ein Balkendiagramm verwendet, alternativ können jedoch auch Linien- oder Kreisdiagramme ausgewählt werden.
a – Wählen Sie einen Titel, eine Bildunterschrift und alternativen Text für das Diagramm (optional).
b – Klicken Sie auf „Felder auswählen“.

c – Wählen Sie die gewünschten Felder aus, um das Diagramm zu füllen. In diesem Beispiel werden die jährlichen Zählfelder (2001 bis 2010) verwendet. Ein Häkchen erscheint neben dem ausgewählten Feld.

Klicken Sie auf „Fertig“, wenn Sie die Felder ausgewählt haben. Wenn Sie die Konfiguration des Diagramms abgeschlossen haben, klicken Sie erneut auf „Fertig“. Beachten Sie, dass Sie mit der Maus über die Diagrammfelder fahren können, um die Namen und Werte anzuzeigen.

Wenn Sie Diagramme zu Pop-ups hinzufügen, wird das Aussehen und das Standardfarbschema durch den Diagrammtyp, die Konfiguration des Diagramms und den Smart-Mapping-Stil des Layers bestimmt.
Diagramme verwenden standardmäßig zufällige Farben, es sei denn, ein vorherrschender Kategorienstil ist aktiviert. Bei diesem Stil passen sich die Diagrammfarben automatisch den Stilfarben an, wenn dieselben Felder für das Diagramm ausgewählt sind. Sie können die Farben für alle Diagrammtypen unabhängig vom Ebenenstil individuell anpassen.
Schritt 7 – Ändern Sie die Farben, indem Sie die Farbrampe ändern oder die Farben der einzelnen Felder anpassen.

Schritt 8 – Fügen Sie eine Mediengruppe hinzu, indem Sie zusätzliche Diagramm- (oder Bild-) Elemente hinzufügen. Klicken Sie auf den blauen Kreis (+) eines vorhandenen Medienelements, um ein weiteres Medienelement hinzuzufügen, das ein anderer Diagrammtyp oder ein Diagramm mit anderen Feldern sein kann. Beachten Sie, dass Mediengruppen auch Bildelemente enthalten können.

Untersuchen Sie die Mediengruppe in der Beispielkarte, um ein Beispiel für drei Diagramme zu sehen: Balken-, Linien- und Kreisdiagramm. Die Pfeile zur Navigation in der Mediengruppe ermöglichen es, diese anzuzeigen.

Dieser Beitrag ist eine Übersetzung des amerikanischen Original-Beitrags.
Hier geht es zum Original-Beitrag!