Entwerfen des Layouts Ihrer Site—Portal for ArcGIS | Dokumentation zu ArcGIS Enterprise

Wenn Sie Ihre Site konfiguriert und Daten hinzugefügt haben, können Sie den Site-Editor verwenden, um Ihre Site zu entwerfen. Bei dem Site-Editor handelt es sich um einen Vollbildeditor, der Ihnen eine standardmäßige Site-Vorlage bietet, die Sie an Branding und Daten Ihrer eigenen Site anpassen oder vollständig entfernen können, um ganz von vorn zu beginnen. Entwerfen Sie das Layout der Site mit Drag-and-Drop-Kacheln, wählen Sie ein Gesamt-Design aus, und passen Sie die Kopf- und Fußzeile mit Markdown oder benutzerdefiniertem HTML an.

Zugriff auf den Site-Editor

Der Site-Editor bietet Ihnen einen Einstieg in den Entwurf der Site, und Sie können jederzeit hierher zurückkehren, um Änderungen vorzunehmen.

Melden Sie sich bei der Sites- Verwaltungsanwendung an.
Klicken Sie auf die Registerkarte Sites.
Suchen Sie die Site, die Sie bearbeiten möchten, und wählen Sie Site-Editor aus.

Konfigurieren der Site-Einstellungen

Geben Sie der Site einen Namen, und fügen Sie eine Beschreibung und weitere Details hinzu. Die Site-Einstellungen und -funktionen können auch konfiguriert werden, indem Sie auf die Registerkarte Sites klicken und auf den Site-Manager zugreifen.

Öffnen Sie das Seitenfenster, und klicken Sie auf Site-Informationen.
Geben Sie im Feld Site-Name einen Namen ein.
Geben Sie im Feld Site Hintergrundinformationen zur Site an.
Geben Sie ein optional Favicon an, indem Sie eine Bild-URL in das Feld Benutzerdefiniertes Favicon einfügen.
Klicken Sie, um Google Analytics zu aktiveren.
Klicken Sie, um eine benutzerdefinierten Grundkarte zu aktiveren. Sie können aus dem Dropdown-Menü die gewünschte Karte auswählen.
Klicken Sie oben im Fenster Anpassen auf Funktionen, um das Menü Funktionen zu öffnen. In diesem Menü können Sie die verfügbaren Funktionen aktivieren. Weitere Informationen zu den Funktionen finden Sie unter Verwalten von Site-Funktionen.

Überschrift

Geben Sie eine Bild-URL an oder gestalten Sie die Menüleiste oben auf der Site mit benutzerdefiniertem CSS entsprechend Ihrer Unternehmensidentität.

Öffnen Sie den Seitenbereich, und klicken Sie auf Kopfzeile. Geben Sie unter Logo und Site-Titel verwenden einen Titel ein, und geben Sie eine URL für das Logo an.
Wählen Sie Logo und Site-Titel verwenden aus, und geben Sie im Textfeld Site-Titel einen Titel für die Kopfzeile der Site ein.
Wenn Sie ein Bild in die Kopfzeile einfügen möchten, kopieren Sie eine URL zu einem Bild in das Feld für die Logo-URL.
Wenn Sie die Kopfzeile mit einem Branding mit benutzerdefinierten HTML- oder CSS-Inhalten versehen möchten, wählen Sie Verwenden von benutzerdefiniertem HTML/CSS aus.
Ändern Sie das CSS-Feld im Seitenbereich, und klicken Sie auf Änderungen übernehmen, um die Auswirkungen des Codes zu sehen.

Vorsicht:

Kopfzeilen-HTML bietet keine Unterstützung für eingebettetes JavaScript. Skript-Tags werden ignoriert.

Hinweis:

Der Bereich für Eigene Daten und Anmelden kann nicht bearbeitet oder entfernt werden, um die Funktionalität der Site zu wahren.

Design

Erstellen Sie ein Design für Ihre Site, indem Sie Farben für Kopf, Text und Schaltflächen Ihrer Site auswählen.

Wenn Sie eine der folgenden Optionen mit einer Farbe versehen möchten, geben Sie einen Farbcode ein, oder wählen Sie über die Farbauswahl, die sich neben dem Feld für den Farbcode befindet, eine Farbe aus.
- Mit der Option Hintergrundfarbe der Kopfzeile können Sie die Kopfzeile der Site mit einer Farbe versehen.
- Mit der Option Textfarbe der Kopfzeile können Sie den gesamten Kopfzeilentext mit einer Farbe versehen.
- Mit der Option Texthintergrundfarbe können Sie die Zeilen der Site mit einer Farbe versehen.
- Mit der Option Textfarbe können Sie den Text auf Ihrer Site mit einer Farbe versehen.
- Tipp:
  Die Textfarbe kann auch zeilenweise geändert werden.
  Mit der Option Link-Farbe des Textes können Sie auf der Site bereitgestellte Links mit einer Farbe versehen.
- Mit der Option Hintergrundfarbe für Schaltflächen können Sie die Schaltflächen der Site mit einer Farbe versehen.
- Mit der Option Textfarbe der Schaltfläche können Sie den Text der Schaltflächen auf der Site mit einer Farbe versehen.
Wenn Sie alle Farben festgelegt haben, klicken Sie auf Änderungen übernehmen.
Sie können auch die Schriftarten der Kopfzeile und des Texts der Site ändern.
- Wenn Sie eine Schriftart für den Text der Site auswählen möchten, klicken Sie auf das Symbol Basisschriftart.
- Wenn Sie die Schriftart der Kopfzeile ändern möchten, klicken Sie auf das Symbol Kopfzeilenschriftart.

Hinweis:

Wenn Sie von Neuem beginnen oder die Standardfarben wiederherstellen möchten, wählen Sie im unteren Bereich des Menüs Design die Option Auf Standard zurücksetzen aus.

Layout und Kacheln

Grundlegend ist das Layout einer Site oder Seite in Zeilen und Kacheln unterteilt. Kacheln müssen in einer Zeile angeordnet werden, wobei beliebig viele Kacheln in einer Zeile Platz finden. Klicken Sie zum Bearbeiten einer Kachel auf die Schaltfläche "Einstellungen". Klicken Sie zum Löschen einer Kachel auf die Schaltfläche "Löschen". Die folgenden Kacheln stehen zum Aufbau der Site zur Verfügung: Zeile, Banner, Bild, Webkarte, Text, Kategorie, Kontaktinformationen, Galerie, Iframe, Event-Details, Event-Listenansicht, Video, Social Media, Summenstatistik und Diagramm.

Zeilen-Kachel

Verwenden Sie Zeilen, um das allgemeine Layout der Site zu erstellen. Ziehen Sie Kacheln aus dem Site-Editor, um Zeilen mit zusätzlichen Kacheln wie Text, Bildern und Medien zu füllen.

Ziehen Sie eine Zeile aus dem Site-Editor auf das Layout.
Die auf der Seite angezeigten Marker dienen als Führungslinien.
Wenn Sie mit der Maus auf die Zeile zeigen, werden auf der rechten Seite drei Schaltflächen angezeigt: Pfeile, um die Zeile auf der Seite zu verschieben, die Schaltfläche "Einstellungen" für die Bearbeitung und eine Schaltfläche zum Löschen der Zeile.
Klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
Wählen Sie als Layout der Zeile entweder Box oder Wide aus.Bei Wide wird der Inhalt auf der gesamten Seite angezeigt, bei Box dagegen mit einer festen Breite innerhalb der Zeile.
Legen Sie die Textfarbe für diese spezifische Zeile fest.
Legen Sie entweder eine Hintergrundfarbe (die Standardeinstellung ist transparent) oder ein Hintergrundbild fest.
Fügen Sie optional ein Bild hinzu, indem Sie auf Bildquelle klicken und entweder eine Bilddatei hochladen oder eine Bild-URL angeben. Von beiden Optionen wird JPG, JPEG und PNG unterstützt.
- Um eine Bilddatei hochzuladen, wählen Sie Bild hochladen aus und ziehen Sie die Datei auf das Feld im Site-Editor, oder klicken Sie auf Bild suchen, um die Datei zu suchen und hinzuzufügen. Die maximale Dateigröße liegt bei 3 MB.
- Sie können auch eine Bild-URL angeben, indem Sie einen unterstützten Link zu einem Bild im Feld URL einfügen.
Wenn Sie eine Bilddatei verwenden, können Sie sie anpassen, indem Sie auf die Schaltfläche "Zuschneiden" klicken und einen Ziehpunkt ziehen, um die Größe des Zuschneiderahmens zu ändern. Der Zuschneiderahmen lässt sich neu positionieren, indem er an der gepunkteten Linie gezogen wird. Sie können auch zoomen, indem Sie den Schieberegler unter dem Bild anpassen, und das Bild neu positionieren, indem Sie in den Zuschneiderahmen klicken.
Wenn Sie eine Hintergrundfarbe und ein Bild hinzufügen, können Sie außerdem die Bildtransparenz im Menü Aussehen ändern. Geben Sie dazu einen Prozentsatz ein, oder verschieben Sie den Schieberegler.
Aktivieren Sie Fester Hintergrund, um einen Parallaxeneffekt zu erzeugen, bei dem sich der Inhalt in einem Bildlauf in einer anderen Geschwindigkeit als das Hintergrundbild verschiebt.
Legen Sie optional für Bildmittelpunkt einen Punkt fest, um den Mitteilpunkt des Bildes beizubehalten, wenn es an verschiedene Bildschirmgrößen angepasst wird.

Banner-Kachel

Verwenden Sie Banner für das Hinzufügen von Überschriften und Suchleisten innerhalb einer Site.

Ziehen Sie eine Banner-Kachel auf eine vorhandene Zeile.
Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
Geben Sie Text für den Titel und Unterabschnitt ein.
Klicken Sie im Menü Suchen auf Suchleiste anzeigen, um dem Banner eine optionale Suchleiste hinzuzufügen. Klicken Sie optional auf Positionsbasierte Suche ermöglichen, um eine sekundäre Suchoption hinzuzufügen, mit denen Benutzer Ergebnisse nach Position filtern können.
Fügen Sie optional Platzhaltertext zur Anzeige in der Suchleiste hinzu.
Geben Sie im Menü Optionen einen Wert für Minimalhöhe ein, um die Höhe des Banners festzulegen. Der Wert muss größer als Null sein.
Wählen Sie optional im Menü Hintergrundbild eine Bilddatei aus, die hochgeladen werden soll, oder geben Sie eine Bild-URL an. Von beiden Optionen wird JPG, JPEG und PNG unterstützt.
- Um eine Bilddatei hochzuladen, wählen Sie Bild hochladen aus und ziehen Sie die Datei auf das Feld im Site-Editor, oder klicken Sie auf Bild suchen, um die Datei zu suchen und hinzuzufügen. Die maximale Dateigröße liegt bei 3 MB.
- Sie können auch eine Bild-URL angeben, indem Sie einen unterstützten Link zu einem Bild im Feld URL einfügen.
Wenn Sie eine Bilddatei verwenden, können Sie sie anpassen, indem Sie auf die Schaltfläche "Zuschneiden" klicken und einen Ziehpunkt ziehen, um die Größe des Zuschneiderahmens anzupassen. Der Zuschneiderahmen lässt sich neu positionieren, indem er an der gepunkteten Linie gezogen wird. Außerdem haben Sie die Möglichkeit, den Zoom über den Schieberegler unter dem Bild anzupassen und das Bild neu zu positionieren, indem Sie in den Zuschneiderahmen klicken.
Sie können sowohl für Bild-Uploads als auch für Bild-URLs optional einen Punkt als Bildmittelpunkt auswählen, um einen Mittelpunktbereich im Bild festzulegen, der unabhängig von der Darstellung in verschiedenen Bildschirmgrößen beibehalten wird.

Such-Kachel

Fügen Sie eine Suchleiste hinzu, mit der für Ihre Site freigegebene Inhalte schnell gefunden werden können.

Ziehen Sie eine Such-Kachel auf eine vorhandene Zeile.
Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
Geben Sie im Feld Platzhaltertext suchen den Text des Platzhalters ein. Sie können z. B. "Nach Schlüsselwort suchen" oder "Daten suchen" verwenden.
Klicken Sie auf das Kontrollkästchen Positionsbasierte Suche ermöglichen, um eine zusätzliche Suchleiste zur Abfrage einer ortsbezogenen Suche hinzuzufügen. Sie können auch Platzhaltertexte im Textfeld Platzhaltertext der Position angeben.

Bild-Kachel

Fügen Sie Bilder hinzu, indem Sie sie aus einer Datei hochladen oder eine Bild-URL angeben. Intern freigegebene Bilder sind nur für angemeldete Benutzer sichtbar, die zum Team oder zur Organisation gehören.

Ziehen Sie eine Bild-Kachel auf eine vorhandene Zeile.
Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
Wählen Sie eine Bildquelle aus. Sie können eine Bilddatei hochladen oder eine Bild-URL angeben. Von beiden Optionen wird JPG, JPEG und PNG unterstützt.
- Um eine Bilddatei hochzuladen, wählen Sie Bild hochladen aus und ziehen Sie die Datei auf das Feld im Site-Editor, oder klicken Sie auf Bild suchen, um die Datei zu suchen und hinzuzufügen. Die maximale Dateigröße liegt bei 3 MB.
- Sie können auch eine Bild-URL angeben, indem Sie Bild-URL auswählen und einen unterstützten Link zu einem Bild im Feld URL einfügen.
Wenn Sie eine Bilddatei verwenden, lassen sich hochgeladene Bilder anpassen, indem Sie auf die Schaltfläche "Zuschneiden" klicken und einen Ziehpunkt ziehen, um die Größe des Zuschneiderahmens zu ändern. Der Zuschneiderahmen lässt sich neu positionieren, indem auf die gepunktete Linie geklickt und diese gezogen wird. Sie können auch zoomen, indem Sie den Schieberegler unter dem Bild anpassen, und das Bild neu positionieren, indem Sie in den Zuschneiderahmen klicken.
Geben Sie im Menü Optionen alternativen Bildtext an, um sehbehinderten Benutzern zu helfen und die Barrierefreiheit Ihrer Site zu verbessern.
Geben Sie einen Bild-Hyperlink an, und wählen Sie aus, ob der Link in derselben Registerkarte oder in einer neuen Registerkarte geöffnet werden soll.
Geben Sie Text für die Bildunterschrift an, und wählen Sie die Textausrichtung aus.
Klicken Sie optional auf Bild auf volle Größe skalieren, um einen Mittelpunkt für das Bild festzulegen. Über den Mittelpunkt wird sichergestellt, dass das Bild auch dann an der gewünschten Stelle fokussiert bleibt, wenn es an verschiedene Bildschirmgrößen angepasst wird.

Webkarten

Zeigt Webkarten auf der Site an. Webkarten können privat freigegeben werden. Sie sind nur für angemeldete Benutzter zugänglich, die zum Team oder zur Organisation gehören.

Ziehen Sie eine Webkarten-Kachel auf eine vorhandene Zeile.
Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
Klicken Sie auf Webkarte suchen.
Durchsuchen Sie die Bereiche Eigene Karten, Karten der eigenen Organisation oder Alle Karten nach einer gewünschten Webkarte.
Wenn Sie einen Titel für die Karte anzeigen möchten, klicken Sie auf die Umschaltfläche für Titel.
Wählen Sie eine Höhe (in Pixeln) für die Karte aus.

Text-Kachel

Formatieren Sie Text, fügen Sie Listen hinzu und fügen Sie Tabellen ein. Sie können auch benutzerdefiniertes HTML verwenden.

Ziehen Sie eine Text-Kachel auf eine vorhandene Zeile.
Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
Fügen Sie Text hinzu.
Wählen Sie den zu formatierenden Text aus. Zu den Formatoptionen gehören Style (Kopfzeilen, Codeausschnitte und Anführungszeichen hinzufügen), Fett, Kursivschrift und Links.
Um die Textausrichtung anzupassen, klicken Sie auf die Absatzoptionen und wählen Sie eine Ausrichtung aus. Sie können eine Textzeile auch einrücken oder ausrücken, indem Sie die Absatzoption auswählen und entweder "Einzug" oder "Negativer Einzug" auswählen.

Hinweis:

Die Textfarbe kann in den Einstellungen der Zeilen-Kachel geändert werden.

Hinzufügen einer Liste mit Aufzählung oder Nummerierung

Fügen Sie Text hinzu oder wählen Sie einen vorhandenen Text aus.
Wählen Sie die unsortierte Liste aus, um eine Aufzählung zu erstellen.
Wählen Sie die sortierte Liste aus, um eine nummerierte Liste hinzuzufügen.

Tabelle einfügen

Klicken Sie auf die Tabellenoption.
Wählen Sie die Anzahl der gewünschten Zellen pro Zeile und Spalte aus.
Nachdem Sie die Größe der Tabelle ausgewählt haben, klicken Sie, um die Tabelle einzufügen. Sie können Zeilen oder Spalten hinzufügen oder entfernen, indem Sie in eine Zelle klicken und die Schaltflächen zum Einfügen oder Löschen von Zeilen oder Spalten auswählen. Klicken Sie auf die Schaltfläche "Löschen", um die Tabelle vollständig zu entfernen.

Hinweis:

Um der Tabelle eine Überschrift hinzuzufügen, klicken Sie auf die Umschaltfläche der Tabellenüberschrift klicken. Überschriften erleichtern die Verwendung von Hilfstechnologien zum Navigieren durch den Inhalt einer Tabelle.

Einfügen von Schaltflächen und Kacheln

Klicken Sie auf die Schaltfläche Einfügen.
Ihnen stehen folgende Optionen zur Auswahl:
- Schaltfläche: Fügen Sie eine Handlungsaufforderung hinzu, indem Sie Links zu weiteren Informationen angeben.
- Breite Kachel: Fügen Sie eine einzelne Kachel ein, um Inhalte anzuzeigen, verlinken Sie zu weiteren Informationen und zeigen Sie ein Bild an.
- Kacheln: Fügen Sie mehrere Kacheln ein.

Hinweis:

Durch Angeben eines Links zu einem gehosteten Bild in der Codeansicht der Kachel können Bilder bearbeitet werden.

Hinzufügen von HTML-Formatierung

Sie können HTML-Formatierung verwenden, um das Aussehen Ihres Textes anzupassen.

Ziehen Sie eine Text-Kachel auf eine vorhandene Zeile.
Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
Klicken Sie auf die Option Codeansicht.

Vorsicht:

Aus Sicherheitsgründen bieten Text-Kacheln keine Unterstützung für eingebettetes JavaScript. Skript-Tags werden ignoriert.

Folgende HTML-Elemente sind zulässig:

'a', 'b', 'blockquote', 'br', 'caption', 'cite', 'code', 'col',
 'colgroup', 'dd', 'dl', 'dt', 'em', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6',
 'i', 'img', 'li', 'ol', 'p', 'pre', 'q', 'small', 'strike', 'strong',
 'sub', 'sup', 'table', 'tbody', 'td', 'tfoot', 'th', 'thead', 'tr', 'u',
 'ul', 'center', 'style', 'div', 'span'

Folgende Attribute für diese HTML-Elemente sind zulässig:


 All supported HTML elements allow : ['class', 'style'], 'a' : ['href', 'title', 'target', 'data-toggle', 'data-target', 'name'], 'blockquote': ['cite'],	'button'    : ['name', 'value', 'data-toggle', 'data-target', 'data-dismiss'], 'col' : ['span', 'width'], 'colgroup' : ['span', 'width'],	'div' : ['data-show', 'data-target', 'data-toggle'] 'img' : ['align', 'alt', 'height', 'src', 'title', 'width' ], 'ol' : ['start', 'type'], 'q' : ['cite'], 'table' : ['summary', 'width', 'class'], 'td' : ['abbr', 'axis', 'colspan', 'rowspan', 'width'], 'th' : ['abbr', 'axis', 'colspan', 'rowspan', 'scope', 'width'],
 'ul' : ['type']

Kategorie-Kachel

Mit Kategorien lassen sich Datasets auf der Site gruppieren, sodass Benutzer verfügbare Inhalte schnell durchsuchen können.

Ziehen Sie eine Kategorie-Kachel auf eine vorhandene Zeile.
Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
Bearbeiten Sie den Link-Text für die Kategorie.
Wählen Sie Tag-Abfrage verwenden oder Gruppe verwenden aus.
Dadurch wird festgelegt, welche Datasets in den Suchergebnissen zurückgegeben werden, wenn Benutzer auf diese Kategorie klicken.
- Tag: Geben Sie eine Tag-Abfrage ein. .Alle Datasets mit einem dazu passenden Tag in ihrem jeweiligen Enterprise-Portal-Element werden in den Suchergebnissen zurückgegeben.
- Gruppe: Wählen Sie eine Gruppe aus. Alle Datasets in dieser Gruppe werden in den Suchergebnissen zurückgegeben.
Wählen Sie ein Symbol aus der Bibliothek aus:
1. Wählen Sie Ein Symbol auswählen aus.
2. Wählen Sie ein Symbol auf der modalen Registerkarte aus, und klicken Sie auf Auswählen.
  Das Symbol wird im Seitenbereich angezeigt.
3. Klicken Sie auf das graue Feld rechts vom Symbol, um die Farbe des Symbols auszuwählen.
Verwenden Sie Ihr eigenes Symbol:
1. Geben Sie eine URL für Ihr Symbol an.
2. Geben Sie alternativen Text für das Symbol an, um sehbehinderten Benutzern zu helfen und die Barrierefreiheit Ihrer Site zu verbessern.
Klicken Sie auf Zurück zum Site-Editor, um zum Hauptseitenbereich zurückzukehren.

Tipp:

Benutzerdefinierte Symbole sollten als .svg- oder transparente .png-Datei gespeichert werden. Symbole werden auf eine Größe von 120 x 120 Pixel skaliert.

Kontaktinformationen-Kachel

Geben Sie Kontaktinformationen für das Senden einer E-Mail an den Datenbesitzer an.

Ziehen Sie eine Kontaktinformationen-Kachel auf eine vorhandene Zeile.
Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
Geben Sie die E-Mail-Adresse des Kontakts und eine E-Mail-Betreffzeile an.
Wenn Benutzer auf Ihrer Startseite auf die E-Mail klicken, wird automatisch ihr E-Mail-Editor geöffnet.
Klicken Sie auf Zurück zum Site-Editor, um zum Hauptseitenbereich zurückzukehren.

Galerie-Kachel

Auf der Galerie-Kachel können Sie Apps, Dashboards, Datasets, Sites, Seiten, Webkarten und Dokumente präsentieren. Die Galerie-Kachel ruft diese Elemente automatisch aus den ArcGIS Online-Gruppen der Organisation ab. Wenn Sie Ihrer Organisation oder einer bestimmten Gruppe Inhalt hinzufügen, werden neue Anwendungskacheln auf Ihrer Site angezeigt, ohne dass Sie das Layout bearbeiten müssen.

Ziehen Sie eine Galerie-Kachel auf eine vorhandene Zeile.
Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
Wählen Sie aus, welcher Inhalt auf den Karten angezeigt werden soll, indem Sie auf das Dropdown-Menü Anzeige klicken und auswählen, ob Inhalt nach Typ oder durch die manuelle Auswahl einzelner Elemente dargestellt werden soll.
- Um Inhalt nach Typ anzuzeigen, klicken Sie auf Dynamic, und wählen Sie dann Apps, Dashboards, Datasets, Sites, Seiten, Webkarten oder Dokumente aus. In den zusätzlichen Einstellungen müssen Sie die Anzahl unter Angezeigte Kacheln auswählen und angeben, aus welcher Gruppe oder aus welchem Tag sie abgefragt werden.
  Tipp:
  Apps umfassen die folgenden Elemente: Anwendungen, Formulare (Survey123) und Web Mapping-Anwendungen. Unterstützt werden die Dokumenttypen PDF, Microsoft Excel, Microsoft PowerPoint, iWork Keynotes, iWork Pages sowie iWork- und Visio-Dokumente.
- Um gemischten Inhalt anzuzeigen, klicken Sie auf Manuell, und wählen Sie den Inhalt dann einzeln aus, indem Sie auf Inhalt hinzufügen klicken und eine beliebige Kombination von Apps, Datasets, Sites und Seiten der Organisation auswählen.
  Tipp:
  Wenn Sie sich für die manuelle Anzeige entschieden haben, können Sie die Reihenfolge der Kacheln im Layout durch die Anpassung der Kachelliste im Site-Editor ändern. Klicken Sie auf den Namen einer Kachel, um sie an eine neue Position in der Liste zu ziehen und dort abzulegen.
Wählen Sie im Dropdown-Menü Style die Darstellung der Galerie-Kacheln aus. Dabei stehen folgende Optionen zur Verfügung:
- Bild: Wählen Sie Symbole oder Miniaturansichten aus. ArcGIS OnlineSite-EditorSitesArcGIS OnlineEigene InhalteMiniaturansicht bearbeitenArcGIS OnlineElementdetailsInhaltÜbersichtMiniaturansicht bearbeitenElementdetails
- Ecken: Wählen Sie quadratische oder abgerundete Ecken aus.
- Schaltflächentext: Benennen Sie optional die Schaltfläche Erkunden um, indem Sie einen neuen Namen in das Textfeld eingeben.

Iframe-Kachel

Betten Sie Iframes und externe Ressourcen ein.

Vorsicht:

Betten Sie keinen Iframe-Code von einer anderen Website ein. Fügen Sie nur die URL ein, die Sie einbetten möchten.

Ziehen Sie eine Iframe-Kachel auf eine vorhandene Zeile.
Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
Geben Sie die URL und die Höhe des Iframe an.
Fügen Sie dem IFrame einen Titel hinzu.
Aktivieren Sie den Bildlauf mit der Option Auto.
Klicken Sie auf Übernehmen.

Hinweis:

Iframe-URLs, die HTTP verwenden, werden nicht im Site-Editor angezeigt, da dieser HTTPS verwendet. Speichern Sie Ihre Site, und zeigen Sie diese an, um den Iframe zu betrachten.

Video-Kachel

Fügen Sie Video-Kacheln hinzu, um YouTube-, Vimeo- oder Facebook-Videos einzubetten.

Ziehen Sie eine Medien-Kachel auf eine vorhandene Zeile.
Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
Fügen Sie eine Video-URL von Facebook, Vimeo oder YouTube in das Feld Video-URL ein.
Abhängig von der Videoquelle werden zusätzliche Optionen angezeigt, die die Konfiguration der Videoanzeige ermöglichen:
- Wählen Sie für Facebook-Videos Beitragstext anzeigen aus, um die Anzahl der Klicks auf "Gefällt mir" und "Teilen", Kommentare und anderen zugehörigen Text anzuzeigen. Wählen Sie Untertitel immer anzeigen aus, um Videos mit Untertiteln wiederzugeben.
- Wählen Sie bei Vimeo-Videos Videotitel anzeigen, Videobesitzer anzeigen, Miniaturansicht des Videobesitzers anzeigen und Video als Endlosschleife anzeigen aus.
- Wählen Sie bei YouTube-Videos YouTube-Branding anzeigen und Video als Endlosschleife anzeigen aus.
Klicken Sie auf die Schaltfläche "Kopieren" neben Video-URL, um den Link zur Zwischenablage zu speichern, damit Sie ihn an einer anderen Stelle in der App erneut verwenden können.

Social-Media-Kachel

Geben Sie Beiträge in Social Media und Zeitachsen über URLs direkt auf Ihren Sites frei.

Facebook-Beitrag

Zeigen Sie einen einzelnen Beitrag an, um eine bestimmte Sache hervorzuheben.

Ziehen Sie eine Social-Media-Kachel auf eine vorhandene Zeile.
Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
Fügen Sie eine URL für einen öffentlich freigegebenen Facebook-Beitrag in das Feld URL zu Social-Media-Beitrag ein. Um die richtige URL zu kopieren, klicken Sie auf den Zeitstempel des Beitrags (Datum oder Uhrzeit links oben im Beitrag), und kopieren Sie die neue URL im Browser. Kehren Sie dann zur Bearbeitung der Site zurück.
Klicken Sie optional auf die Umschaltoption für Beitragstext anzeigen, um mit dem Beitrag verknüpften Text anzuzeigen.

Facebook-Zeitachse

Für eine einfachere Untersuchung von Gegebenheiten können Sie eine Zeitachse, Events und Nachrichten einer Facebook-Seite anzeigen.

Ziehen Sie eine Social-Media-Kachel auf eine vorhandene Zeile.
Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
Fügen Sie eine URL für eine öffentlich freigegebene Facebook-Seite in das Feld URL zu Social-Media-Beitrag ein.
Aktivieren Sie optional eine beliebige Kombination der folgenden Optionen:
- Unter Tabs für Facebook-Seiten wird der Tab Zeitachse unter der Seitenüberschrift angezeigt. Klicken Sie auf diese Option, wenn Sie die Zeitachse gemeinsam mit Events und/oder Nachrichten freigeben möchten.
- Unter Ereignisse wird lediglich eine Listenansicht der Event-Ansichten der Seite aufgeführt.
- Unter Nachrichten können Benutzer eine Nachricht eingeben und an den Administrator der Facebook-Seite mit dem Facebook Messenger senden.
- Durch Große Kopfzeile verwenden wird die Größe der Seitenkopfzeile erhöht und die Schaltfläche Nachricht senden hinzugefügt, die Benutzer zum Facebook Messenger weiterleitet.
- Mit Titelbild anzeigen wird das Titelbild der Seite angezeigt.

Twitter-Beitrag

Zeigen Sie einen einzelnen Twitter-Beitrag an, um einen bestimmten Tweet hervorzuheben.

Ziehen Sie eine Social-Media-Kachel auf eine vorhandene Zeile.
Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
Fügen Sie eine URL für einen öffentlich freigegebenen Twitter-Beitrag in das Feld URL zu Social-Media-Beitrag ein. Um den Link für einen einzelnen Tweet abzurufen, klicken Sie auf das Symbol "Mehr" oben rechts im Beitrag, und wählen Sie dann Link zum Tweet kopieren aus.
Aktivieren Sie optional eine beliebige Kombination der folgenden Optionen im Menü Optionen:
- Mit Dunkles Design anzeigen werden die Display-Farben umgekehrt.
- Mit Tweet-Breite auswählen wird die Größe der Beitragsanzeige ausgewählt. Mögliche Optionen sind Klein, Mittel und Groß.
Mit Tweet-Position auswählen können Sie für die Ausrichtung Links, Mitte oder Rechts auswählen.

Twitter-Zeitachse

Sie können eine Twitter-Zeitachse mit Bildlauf anzeigen.

Ziehen Sie eine Social-Media-Kachel auf eine vorhandene Zeile.
Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
Fügen Sie eine URL für eine öffentlich freigegebene Twitter-Zeitachse in das Feld URL zu Social-Media-Beitrag ein.
Aktivieren Sie optional eine beliebige Kombination der folgenden Optionen im Menü Optionen:
- Wählen Sie für Sammlungshöhe die Option Standard aus, um die aktuelle Anzeige beizubehalten, oder Erweitert, um einen größeren Teil der Zeitachse anzuzeigen.
- Mit Tweet-Limit wird die Anzahl der auf der Zeitachse angezeigten Tweets festgelegt.
- Mit Dunkles Design anzeigen werden die Display-Farben umgekehrt.
- Mit Kopfzeile anzeigen wird eine Kopfzeile angezeigt. Wählen Sie entsprechend Fußzeile anzeigen aus, um eine Fußzeile anzuzeigen.
- Mit Umrandung anzeigen wird eine Umrandung um die Zeitachse angezeigt.
- Mit Hintergrund einblenden wird der Hintergrund entfernt.

Twitter-Sammlung

Zeigen Sie eine Twitter-Sammlung auf Ihrer Site an. Informationen zum Erstellen einer Twitter-Sammlung finden Sie in der Twitter Developer-Dokumentation im Thema zum Kuratieren einer Sammlung von Tweets.

Ziehen Sie eine Social-Media-Kachel auf eine vorhandene Zeile.
Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
Fügen Sie eine URL für eine öffentlich freigegebene Twitter-Sammlung in das Feld URL zu Social-Media-Beitrag ein.
Aktivieren Sie optional eine beliebige Kombination der folgenden Optionen im Menü Optionen:
- Mit Tweet-Limit können Sie eine Grenze für die Anzahl der in der Sammlung angezeigten Tweets festlegen.
- Angepasste Höhe ermöglicht es Ihnen, einen größeren Ausschnitt der Sammlung auf einmal anzuzeigen.
- Mit Dunkles Design anzeigen wird die Textfarbe in Weiß geändert und ein dunkelgrauer Hintergrund verwendet.
- Mit Kopfzeile anzeigen wird der Titel der Sammlung angezeigt. Wählen Sie entsprechend Fußzeile anzeigen aus, um eine Fußzeile anzuzeigen, die Links zu Einbetten oder Auf Twitter anzeigen enthält.
- Mit Umrandung anzeigen wird eine Umrandung um die Kachel angezeigt.
- Mit Hintergrund einblenden wird ein weißer Hintergrund auf der Kachel angewendet. Wenn auch Dunkles Design anzeigen ausgewählt ist, wird ein dunkelgrauer Hintergrund verwendet.

Summenstatistik-Kachel

Verwenden Sie Summenstatistiken, um auf einen Blick Daten für wichtige Performance-Indikatoren und mehr bereitzustellen. Summenstatistiken werden aus einer Dataset-Abfrage erstellt und automatisch mit dem Dataset aktualisiert. Nur Benutzern mit Zugriff werden nach der Anmeldung Summenstatistiken angezeigt, die mit intern freigegebenen Daten generiert wurden.

Ziehen Sie eine Summenstatistik-Kachel auf eine vorhandene Zeile.
Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
Klicken Sie auf (+) Daten hinzufügen, um eine Elementauswahl zu öffnen, in der der gewünschte Daten-Service angezeigt wird. Bei der Bearbeitung der Site verweist der Quelllink unterhalb der Statistik auf die Seite mit den Elementdetails für die Vorschauseite des Datasets.
Wählen Sie unter Statistikfeld ein Feld aus dem ausgewählten Service aus. Dieses Feld wird in den nachfolgenden Schritten verwendet.
Wählen Sie für Statistiktyp den Typ der Operation aus, die für das ausgewählte Feld durchgeführt werden soll.
- Text- und Datumsfelder: Wählen Sie zwischen Anzahl, Minimum und Maximum.
- Zahlenfelder: Wählen Sie zwischen Anzahl, Summe, Minimum, Maximum, durchschnittlicher Standardabweichung und Varianz.
Fügen Sie Ihrer Statistik optional einen Filter hinzu:
1. Wählen Sie ein Attribut für Ihren Filter aus.
2. Wählen Sie Hinzufügen aus.
3. Wählen Sie das neue Attributfeld aus, um die Filtereingabe anzuzeigen. Das Eingabefeld variiert je nach Feldtyp.
4. Geben Sie den gewünschten Filter ein.
5. Klicken Sie außerhalb des Filterfeldes, oder drücken Sie die Eingabetaste auf Ihrer Tastatur.
Geben Sie den Titel in das Textfeld Titel ein.
Geben Sie optional Text für Nachgestellter Text ein, um Details für die Statistik bereitzustellen, und ändern Sie die Einstellung Akzentfarbe für die Statistik.

Diagramm-Kachel

Erstellen Sie einfache Diagramme direkt aus Ihren Datasets, oder geben Sie Ihr eigenes JSON für Diagramme hier ein, um ein benutzerdefiniertes Diagramm zu erstellen. Diagramme, die mit privat freigegebenen Daten erstellt werden, sind nur für Benutzer sichtbar, die bei der Anmeldung Zugriff auf Ihr Team oder Ihre Organisation haben.

Balkendiagramm

Balkendiagramme werden aus Abfragen an ein ausgewähltes Dataset erstellt und automatisch mit dem Dataset aktualisiert.

Ziehen Sie eine Diagramm-Kachel auf eine vorhandene Zeile.
Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
Standardmäßig ist Balkendiagramm ausgewählt.
Klicken Sie auf (+) Daten hinzufügen.
Wählen Sie aus den verfügbaren Datenservices ein Element aus.
Wählen Sie unter Kategorieattribut auswählen das primäre Diagrammelement aus den Daten aus.
In Diagrammen können numerische und Zeichenfolgefelder verwendet werden. Bei Auswahl eines Kategorieattributs stellt das resultierende Diagramm standardmäßig die Anzahl dieses Attributs dar.
Optional können Sie Wertattribut auswählen verwenden, um ein nummerisches Feld auszuwählen, das als Kennwert des Wertes für das Kategorieattribut dient. Nach Auswahl dieser Option lautet die standardmäßige statistische Operation für dieses Feld "Summe". Sie können die statistische Operation mithilfe der Dropdown-Liste rechts neben der Auswahl Kategorieattribut auswählen ändern. Das Wertattribut unterstützt Min, Max, Summe, Durchschnitt und Anzahl. Bei Auswahl von "Anzahl" wird die Auswahl des Wertattributs aufgehoben (da keine Notwendigkeit für ein zusätzliches Feld für die Anzahl des Kategorieattributs besteht).
In Diagrammen können numerische und Zeichenfolgefelder verwendet werden. Bei Auswahl eines Kategorieattributs stellt das resultierende Diagramm standardmäßig die Anzahl dieses Attributs dar.
Über das Menü Optionen können Sie die Anzeige des Diagramms folgendermaßen anpassen:
- Mit der Option Sortieren ändern Sie die Darstellungsweise der Attributdaten. Wählen Sie ein Attribut aus, und klicken Sie daneben auf das Sortiersymbol, um die Daten in auf- oder absteigender Reihenfolge anzuzeigen.
- Legen Sie im Textfeld Höhe (px) einen Wert für die Höhe (in Pixeln) für das Diagramm fest.
- Wenn Sie einen Titel für das Diagramm auswählen möchten, klicken Sie auf die Umschaltfläche neben Diagrammtitel. Geben Sie den Namen des Titels in das entsprechende Textfeld ein, und wählen Sie eine Ausrichtung aus.
- Legen Sie die Hauptfarbe des Diagramms fest, indem Sie einen Farbcode eingeben, oder wählen Sie eine Farbe in der Farbauswahl aus.
- Geben Sie den gewünschten Text für die Kategoriebeschriftung und die Wertebeschriftung ein.

Kreisdiagramm

Kreisdiagramme werden aus Abfragen an ein ausgewähltes Dataset erstellt und automatisch mit dem Dataset aktualisiert.

Ziehen Sie eine Diagramm-Kachel auf eine vorhandene Zeile.
Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
Wählen Sie das Kreisdiagramm aus, indem Sie auf die runde Schaltfläche mit dem Kreisdiagramm klicken.
Klicken Sie auf (+) Daten hinzufügen.
Wählen Sie aus den verfügbaren Datenservices ein Element aus.
Wählen Sie unter Kategorieattribut auswählen das primäre Diagrammelement aus den Daten aus.
In Diagrammen können numerische und Zeichenfolgefelder verwendet werden. Bei Auswahl eines Kategorieattributs stellt das resultierende Diagramm standardmäßig die Anzahl dieses Attributs dar.
Optional können Sie unter Wertattribut auswählen ein nummerisches Feld auswählen, das als Kennwert für das Kategorieattribut dient. Nach Auswahl dieser Option lautet die standardmäßige statistische Operation für dieses Feld Summe. Sie können die Einstellung für die statistische Operation ändern, indem Sie auf den Dropdown-Pfeil rechts neben der Auswahl Kategorieattribut auswählen klicken. Das Wertattribut unterstützt Min, Max, Summe, Durchschnitt und Anzahl. Bei Auswahl von Anzahl wird die Auswahl des Wertattributs aufgehoben (da kein zusätzliches Feld benötigt wird, um die Anzahl des Kategorieattributs zu bestimmen).
In Diagrammen können numerische und Zeichenfolgefelder verwendet werden. Bei Auswahl eines Kategorieattributs stellt das resultierende Diagramm standardmäßig die Anzahl dieses Attributs dar.
Über das Menü Optionen können Sie die Anzeige des Diagramms folgendermaßen anpassen:
- Mit der Option Sortieren ändern Sie die Darstellungsweise der Attributdaten. Wählen Sie ein Attribut aus, und klicken Sie daneben auf das Sortiersymbol, um die Daten in auf- oder absteigender Reihenfolge anzuzeigen.
- Legen Sie im Textfeld Höhe (px) einen Wert für die Höhe (in Pixeln) für das Diagramm fest.
- Wenn Sie einen Titel für das Diagramm auswählen möchten, klicken Sie auf die Umschaltfläche neben Diagrammtitel. Geben Sie den Namen des Titels in das entsprechende Textfeld ein, und wählen Sie eine Ausrichtung aus.
- Geben Sie als Kategoriebeschriftung einen Text für die Beschriftung der einzelnen Segmente in der QuickInfo und als Wertebeschriftung einen Text für die Beschriftung des Kennwerts in der QuickInfo ein.

Liniendiagramm

Liniendiagramme werden aus Abfragen an ein ausgewähltes Dataset erstellt und automatisch mit dem Dataset aktualisiert.

Ziehen Sie eine Diagramm-Kachel auf eine vorhandene Zeile.
Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
Wählen Sie das Liniendiagramm aus, indem Sie auf die runde Schaltfläche mit dem Liniendiagramm klicken.
Klicken Sie auf (+) Daten hinzufügen.
Wählen Sie aus den verfügbaren Datenservices ein Element aus.
Wählen Sie unter Kategorieattribut auswählen das primäre Diagrammelement aus den Daten aus.
In Diagrammen können numerische und Zeichenfolgefelder verwendet werden. Bei Auswahl eines Kategorieattributs stellt das resultierende Diagramm standardmäßig die Anzahl dieses Attributs dar.
Optional können Sie unter Wertattribut auswählen ein nummerisches Feld auswählen, das als Kennwert für das Kategorieattribut dient. Nach Auswahl dieser Option lautet die standardmäßige statistische Operation für dieses Feld Summe. Sie können die Einstellung für die statistische Operation ändern, indem Sie auf den Dropdown-Pfeil rechts neben der Auswahl Kategorieattribut auswählen klicken. Das Wertattribut unterstützt Min, Max, Summe, Durchschnitt und Anzahl. Bei Auswahl von Anzahl wird die Auswahl des Wertattributs aufgehoben (da kein zusätzliches Feld benötigt wird, um die Anzahl des Kategorieattributs zu bestimmen).
In Diagrammen können numerische und Zeichenfolgefelder verwendet werden. Bei Auswahl eines Kategorieattributs stellt das resultierende Diagramm standardmäßig die Anzahl dieses Attributs dar.
Über das Menü Optionen können Sie die Anzeige des Diagramms folgendermaßen anpassen:
- Mit der Option Sortieren ändern Sie die Darstellungsweise der Attributdaten. Wählen Sie ein Attribut aus, und klicken Sie daneben auf das Sortiersymbol, um die Daten in auf- oder absteigender Reihenfolge anzuzeigen.
- Legen Sie im Textfeld Höhe (px) einen Wert für die Höhe (in Pixeln) für das Diagramm fest.
- Wenn Sie einen Titel für das Diagramm auswählen möchten, klicken Sie auf die Umschaltfläche neben Diagrammtitel. Geben Sie den Namen des Titels in das entsprechende Textfeld ein, und wählen Sie eine Ausrichtung aus.
- Legen Sie die Hauptfarbe des Diagramms fest, indem Sie einen Farbcode eingeben, oder wählen Sie eine Farbe in der Farbauswahl aus.
- Geben Sie als Kategoriebeschriftung einen Text für die Beschriftung der einzelnen Punkte in der QuickInfo und als Wertebeschriftung einen Text für die Beschriftung des Kennwerts in der QuickInfo ein.

Scatterplot

Scatterplots werden aus Abfragen an ein ausgewähltes Dataset erstellt und automatisch mit dem Dataset aktualisiert.

Ziehen Sie eine Diagramm-Kachel auf eine vorhandene Zeile.
Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
Wählen Sie das Liniendiagramm aus, indem Sie auf die runde Schaltfläche mit dem Scatterplot klicken.
Klicken Sie auf (+) Daten hinzufügen.
Wählen Sie aus den verfügbaren Datenservices ein Element aus.
Wählen Sie unter Attribut für X-Achse auswählen das primäre Diagrammelement aus den Daten aus.
In Diagrammen können numerische und Zeichenfolgefelder verwendet werden. Bei Auswahl eines Kategorieattributs stellt das resultierende Diagramm standardmäßig die Anzahl dieses Attributs dar.
Wählen Sie ein Attribut für das Feld Attribut für X-Achse auswählen aus. Wählen Sie ein numerisches Feld aus, das als Kennwert des Wertes für das Kategorieattribut dient.
In Diagrammen können numerische und Zeichenfolgefelder verwendet werden. Bei Auswahl eines Kategorieattributs stellt das resultierende Diagramm standardmäßig die Anzahl dieses Attributs dar.
Über das Menü Optionen können Sie die Anzeige des Diagramms folgendermaßen anpassen:
- Mit der Option Sortieren ändern Sie die Darstellungsweise der Attributdaten. Wählen Sie ein Attribut aus, und klicken Sie daneben auf das Sortiersymbol, um die Daten in auf- oder absteigender Reihenfolge anzuzeigen.
- Legen Sie im Textfeld Höhe (px) einen Wert für die Höhe (in Pixeln) für das Diagramm fest.
- Wenn Sie einen Titel für das Diagramm auswählen möchten, klicken Sie auf die Umschaltfläche neben Diagrammtitel. Geben Sie den Namen des Titels in das entsprechende Textfeld ein, und wählen Sie eine Ausrichtung aus.
- Legen Sie die Hauptfarbe des Diagramms fest, indem Sie einen Farbcode eingeben, oder wählen Sie eine Farbe in der Farbauswahl aus.
- Geben Sie eine X-Achsenbeschriftung und eine Y-Achsenbeschriftung für das Diagramm an.

JSON-Diagramm

Benutzerdefinierte Diagramme werden mithilfe einer bestimmten Diagrammspezifikation aus JSON erstellt.

Ziehen Sie eine Diagramm-Kachel auf eine vorhandene Zeile.
Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
Wählen Sie die Kachel JSON aus.
Fügen Sie Ihr JSON im Feld JSON-Diagrammspezifikation hinzu.
Optional können Sie im Abschnitt Optionen die Einstellungen Diagrammtitel und Höhe (in Pixel) aktivieren bzw. deaktivieren und anpassen.

JSON-Spezifikation

Durch die Eingabe von benutzerdefiniertem JSON können Sie benutzerdefinierte Diagramme durch die Nutzung der Cedar-Bibliothek erstellen. Eine Spezifikation besteht aus den folgenden Komponenten:

Datasets

Das Dataset-Array gibt eine URL für den ArcGIS-Feature-Service und Abfrageparameter an. Weitere Informationen über Abfrageparameter finden Sie in der Dokumentation zu REST API.

{ "datasets": [ { "url": "SampleArcGISFeatureService_URL", "name" : "Number_of_SUM",
"query": { "groupByFieldsForStatistics": "Zip", "outStatistics": [{
"statisticType": "sum", "onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM" }] } } ]
}

Series

Mit dem Array "series" können Sie die Zuordnungen zwischen Feldern in der Service-Antwort und den visuellen Aspekten des Diagramms (X- und Y-Achse, Farbe und Größe bei Scatterplot-Diagrammen sowie Radius bei Kreisdiagrammen) angeben.

{ "series": [ { "source": "Number_of_SUM", "category": { "field": "Type", "label": "Facility
Use" }, "value": { "field":"Number_of_SUM","label":"Total Students" }} ] }

Overrides

Mit der Eigenschaft "override" können Sie visuelle Überschreibungen wie Farbe oder Positionierung für das gesamte Diagramm angeben.

"overrides": {
      "legend": {
          "enabled": true
      },
      "backgroundColor": "#E6E6FA",
      "backgroundAlpha": 1
  }
}

Specification

Mit der Eigenschaft "specification" können Sie eine ganze Cedar-Spezifikation für ein rein benutzerdefiniertes Diagramm eingeben. Zeigen Sie Beispiele für vorhandene Diagrammspezifikationen an.

Beispiele

Balkendiagramm:

{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Number_of_SUM",
      "query": {
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [
          {
            "statisticType": "sum",
            "onStatisticField": "Number_of",
            "outStatisticFieldName": "Number_of_SUM"
          }
        ]
      }
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": {"field": "Number_of_SUM", "label": "Number of Students"},
      "source": "Number_of_SUM"
    }
  ]
}

Horizontales Balkendiagramm:

{
  "type": "bar-horizontal",  "datasets": [    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",      "name": "Number_of_SUM",      "query": {
        "orderByFields": "Number_of_SUM DESC",        "groupByFieldsForStatistics": "Type",        "outStatistics": [          {
            "statisticType": "sum",            "onStatisticField": "Number_of",            "outStatisticFieldName": "Number_of_SUM"
          }
        ]      }
    }
  ],  "series": [    {
      "category": {"field": "Type", "label": "Type"},      "value": {"field": "Number_of_SUM", "label": "Number of Students"},      "source": "Number_of_SUM"
    }
  ],  "overrides": {
    "categoryAxis": {
      "labelRotation": -45    }
  }
}

Gruppiertes Balkendiagramm:

Hinweis: Jede Reihe entspricht einer Gruppe.

{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

Scatterplot-Diagramm:

{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

Blasen-Scatterplot-Diagramm:

{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

Zeitachsendiagramm:

Hinweis: Bei der Kategorie muss es sich um ein Feld vom Typ "datetime" handeln.

 {
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

Fußzeile

In der Standardeinstellung des Site-Editors ist keine Fußzeile vorgesehen. Sie müssen eine benutzerdefinierte Fußzeile erstellen, um alle Seiten der Site mit einer dauerhaften Fußzeile zu versehen.

Wählen Sie im BereichFußzeile die Option Benutzerdefiniert aus.
Auf der Seite wird eine Standardfußzeile und im Seitenbereich ein CSS-Feld angezeigt.
Klicken Sie auf die Schaltfläche "Einstellungen" rechts unten in der Fußzeile, um den HTML-Code zu bearbeiten.
Klicken Sie auf die Schaltfläche "Einstellungen", um Ihre Änderungen anzuzeigen.
Ändern Sie das CSS-Feld im Seitenbereich, und klicken Sie auf Änderungen übernehmen, um die Auswirkungen auf den HTML-Code zu sehen.

Tipp:

Fußzeilen-HTML bietet keine Unterstützung für eingebettetes JavaScript. Skript-Tags werden ignoriert.

Feedback zu diesem Thema?

Zugriff auf den Site-Editor

Konfigurieren der Site-Einstellungen

Überschrift

Vorsicht:

Hinweis:

Design

Tipp:

Hinweis:

Layout und Kacheln

Zeilen-Kachel

Banner-Kachel

Such-Kachel

Bild-Kachel

Webkarten

Text-Kachel

Hinweis:

Hinzufügen einer Liste mit Aufzählung oder Nummerierung

Tabelle einfügen

Hinweis:

Einfügen von Schaltflächen und Kacheln

Hinweis:

Hinzufügen von HTML-Formatierung

Vorsicht:

Kategorie-Kachel

Tipp:

Kontaktinformationen-Kachel

Galerie-Kachel

Tipp:

Tipp:

Iframe-Kachel

Vorsicht:

Hinweis:

Video-Kachel

Social-Media-Kachel

Facebook-Beitrag

Facebook-Zeitachse

Twitter-Beitrag

Twitter-Zeitachse

Twitter-Sammlung

Summenstatistik-Kachel

Diagramm-Kachel

Balkendiagramm

Kreisdiagramm

Liniendiagramm

Scatterplot

JSON-Diagramm

JSON-Spezifikation

Fußzeile

Tipp:

In diesem Thema