Projektowanie kompozycji witryny

Po skonfigurowaniu witryny i dodaniu danych można użyć Edytora witryn i rozpocząć projektowanie witryny. Edytor witryn jest pełnostronicowym edytorem udostępniającym domyślny szablon witryny, który można zmodyfikować, aby go dostosować do oznakowania marką i wypełnić danymi własnej witryny lub który można całkowicie usunąć, aby rozpocząć od podstaw. Kompozycję witryny można zaprojektować, przeciągając i upuszczając odpowiednie karty, ustawiając ogólny motyw i dostosowując nagłówek oraz stopkę za pomocą języka znaczników Markdown lub niestandardowego kodu HTML.

Uruchamianie Edytora witryn

Edytor witryn ułatwia rozpoczęcie projektowania witryny oraz wprowadzanie zmian w trakcie dalszej pracy przy niej.

1. Zaloguj się do aplikacji administracyjnej zespołu .
2. Kliknij kartę Witryny.
3. Znajdź witrynę, która ma być modyfikowana i wybierz opcję Edytor witryn.

Konfigurowanie ustawień witryny

Nadaj nazwę witrynie, podaj jej opis i skonfiguruj inne elementy. Ustawienia i funkcje witryny można także skonfigurować, klikając kartę Witryny w celu uzyskania dostępu do Menedżera witryny.

1. Otwórz panel boczny i kliknij opcję Informacje o witrynie.
2. Podaj nazwę w polu Nazwa witryny.
3. Podaj dodatkowe informacje o witrynie w polu Informacje o witrynie.
4. Podaj opcjonalną ikonę ulubionych, wklejając adres URL obrazu w polu Niestandardowa ikona ulubionych.
5. Kliknij, aby włączyć usługę Google Analytics.
6. Kliknij, aby włączyć Niestandardową mapę bazową. Mapę można wybrać z menu rozwijanego.
7. Kliknij opcję Funkcje w górnej części panelu Dostosuj, aby otworzyć menu Funkcje. Za pomocą tego menu możesz włączyć dostępne funkcje. Dowiedz się więcej o funkcjach, zapoznając się z tematem .Zarządzanie funkcjami witryny.

Nagłówek

Podaj adres URL obrazu lub użyj niestandardowego arkusza CSS, aby oznakować pasek menu w górnej części witryny.

1. Otwórz panel boczny i kliknij opcję Nagłówek. Użyj logotypu i tytułu witryny, aby wprowadzić tytuł i podaj adres URL logotypu.
2. Aby określić nazwę witryny, wybierz opcję Użyj logotypu i tytułu witryny oraz wprowadź tytuł w polu tekstowym Tytuł witryny. Spowoduje to umieszczenie tytułu w nagłówku witryny.
3. Aby umieścić w nagłówku witryny obraz, wklej adres URL obrazu w polu Adres URL logotypu.
4. Aby oznakować nagłówek witryny marką przy użyciu niestandardowego kodu HTML lub CSS, wybierz opcję Użyj niestandardowych plików HTML/CSS.
5. Zmodyfikuj pole arkusza CSS w panelu bocznym i kliknij opcję Zastosuj zmiany, aby zobaczyć efekty działania wprowadzonego kodu.

Uwaga:

W kodzie HTML nagłówka nie jest obsługiwany wbudowany kod JavaScript. Znaczniki skryptu zostaną zignorowane.

Notatka:

Aby utrzymać funkcjonalność witryny, nie można edytować ani zmieniać obszarów Moje dane i Zaloguj się.

Motyw

Utwórz motyw witryny, wybierając kolory nagłówka, tekstu i przycisków w witrynie.

1. Aby określić kolor dowolnej z poniższych opcji, wpisz kod koloru lub wybierz kolor w oknie wyboru koloru obok pola kodu koloru.
   • Pole Kolor tła nagłówka określa kolor nagłówka witryny.
   • Pole Kolor tekstu w nagłówku określa kolor tekstu w nagłówku.
   • Pole Kolor tła treści określa kolor wierszy witryny.
   • Pole Kolor tekstu treści określa kolor tekstu w całej witrynie.

   • Wskazówka:

     Kolor tekstu można również zmienić w wierszach.

     Pole Kolor łącza w treści określa kolor wszystkich łączy w witrynie.
   • Pole Kolor tła przycisków określa kolor przycisków dostępnych w witrynie.
   • Pole Kolor tekstu przycisków określa kolor tekstu wszystkich przycisków dostępnych w witrynie.
2. Po skonfigurowaniu kolorów kliknij opcję Zastosuj zmiany.
3. Do tekstu w nagłówku i treści witryny można również zastosować czcionkę.
   • Aby wybrać czcionkę dla treści witryny, kliknij ikonę ustawień Czcionka podstawowa.
   • Aby zmienić czcionkę w nagłówku witryny, kliknij ikonę ustawień Czcionka nagłówka.

Notatka:

Aby zacząć jeszcze raz lub przywrócić kolory domyślne, należy wybrać opcję Przywróć wartości domyślne w dolnej części menu Motyw.

Kompozycja i karty

Podstawowa kompozycja witryny i strony składa się z wierszy i kart. Karta musi być umieszczona w wierszu, a liczba kart, które można umieścić w wierszu, nie jest ograniczona. Aby edytować dowolną kartę, kliknij przycisk ustawień. Aby usunąć dowolną kartę, kliknij przycisk usuwania. Do zbudowania witryny można użyć następujących kart: wiersz, baner, obraz, mapa internetowa, tekst, kategoria, informacje kontaktowe, galeria, iframe, szczegóły wydarzenia, widok listy wydarzeń, film, media społecznościowe, statystyka sumaryczna i diagram.

Karta Wiersz

Użyj wierszy, aby skonstruować całą kompozycję witryny. Przeciągnij karty z Edytora witryn, aby wypełnić wiersze dodatkowymi kartami, takimi jak tekst, obrazy i media.

1. Przeciągnij wiersz z Edytora witryn na kompozycję.

   Na stronie zostaną wyświetlone prowadnice.

2. Umieść kursor nad wierszem, po prawej stronie zostaną wyświetlone trzy przyciski: strzałki do przeniesienia wiersza na stronie, przycisk ustawień do edycji i przycisk usuwania do usunięcia wiersza.
3. Kliknij przycisk ustawień, aby przejść do trybu edycji.
4. Wybierz Kompozycję wiersza, wybierając opcję Pole lub Szerokie.Opcja Szerokie służy do wyświetlania zasobów na całej stronie, a opcja Pole służy do wyświetlania zasobów w wierszu przy stałej szerokości.
5. Ustaw kolor tekstu dla tego konkretnego wiersza.
6. Ustaw kolor tła (domyślnie jest przezroczyste) lub obraz tła.
7. Opcjonalnie dodaj obraz, klikając opcję Źródło obrazu i wybierając opcję przesłania pliku obrazu lub podania adresu URL obrazu. W przypadku obu tych opcji obsługiwane są formaty JPG, JPEG i PNG.
   • Aby przesłać plik obrazu, wybierz opcję Wczytaj obraz i przeciągnij plik do pola w Edytorze witryn, albo kliknij opcję Znajdź obraz, aby wskazać i dodać plik. Maksymalny rozmiar pliku wynosi 3 MB.
   • Możesz też podać adres URL obrazu, wklejając łącze do obsługiwanego obrazu w polu Adres URL.
8. Jeśli używany jest plik obrazu, można go dostosować, klikając przycisk przycinania i przeciągając uchwyt w celu zmiany rozmiaru ramki przycinania. Pozycję ramki przycinania można zmienić, przeciągając linię kropkowaną. Ponadto można wykonać operację powiększania, dostosowując suwak pod obrazem oraz zmienić pozycję obrazu, klikając w obrębie ramki przycinania.
9. Jeśli dodano kolor tła i obraz, można także dostosować Przezroczystość obrazu w menu Wygląd, wprowadzając wartość procentową lub używając suwaka.
10. Włącz opcję Stałe tło, aby dodać efekt paralaksy, kiedy to zasoby są przewijane w innym tempie niż obraz tła.
11. Opcjonalnie skonfiguruj punkt dla opcji Centralny punkt obrazu, aby zapewnić skupienie na obrazie podczas dostosowywania z użyciem różnych rozmiarów ekranu.

Karta Baner

Banery służą do dodawania nagłówków i wyszukiwania pasków w witrynie.

1. Przeciągnij kartę Baner do istniejącego wiersza.
2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
3. Wpisz tekstu w polu Wiersz tytułu i Wiersz podtytułu.
4. W menu Szukaj kliknij opcję Pokaż pasek wyszukiwania, aby dodać opcjonalny pasek wyszukiwania do banera. Opcjonalnie kliknij opcję Dodaj możliwość wyszukiwania według lokalizacji, aby dodać drugą opcję wyszukiwania dla użytkowników do filtrowania wyników na podstawie lokalizacji.
5. Opcjonalnie dodaj tekst zastępczy, który będzie wyświetlany w paskach wyszukiwania.
6. W menu Opcje wpisz wartość dla opcji Minimalna wysokość, aby skonfigurować wysokość banera. Wartość musi być większa niż zero.
7. Za pomocą menu Obraz tła opcjonalnie prześlij plik obrazu lub podaj adres URL obrazu. W przypadku obu tych opcji obsługiwane są formaty JPG, JPEG i PNG.
   • Aby przesłać plik obrazu, wybierz opcję Wczytaj obraz i przeciągnij plik do pola w Edytorze witryn, albo kliknij opcję Znajdź obraz, aby wskazać i dodać plik. Maksymalny rozmiar pliku wynosi 3 MB.
   • Możesz też podać adres URL obrazu, wklejając łącze do obsługiwanego obrazu w polu Adres URL.
8. Jeśli używany jest plik obrazu, można go dostosować, klikając przycisk przycinania i przeciągając uchwyt w celu zmiany rozmiaru ramki przycinania. Pozycję ramki przycinania można zmienić, przeciągając linię kropkowaną. Ponadto można dostosować powiększenie za pomocą suwaka pod obrazem oraz zmienić pozycję obrazu, klikając w obrębie ramki przycinania.
9. Zarówno w przypadku przesłania obrazu jak i podania adresu URL obrazu można wybrać punkt dla opcji Centralny punkt obrazu, aby zapewnić skupienie na obrazie bez względu na sposób jego wyświetlania przy różnych rozmiarach ekranu.

Karta Wyszukaj

Dodaj pasek wyszukiwania, aby pomóc w szybkim znajdowaniu zasobów udostępnionych w witrynie.

1. Przeciągnij kartę Wyszukaj do istniejącego wiersza.
2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
3. Podaj tekst zastępczy wyszukiwania w polu Tekst zastępczy wyszukiwania. Można na przykład użyć opcji „Szukaj według słowa kluczowego” lub opcji „Znajdź dane”.
4. Kliknij pole wyboru Dodaj możliwość wyszukiwania według lokalizacji, aby dodać kolejny pasek wyszukiwania na potrzeby wyszukiwania z uwzględnieniem lokalizacji. Możesz także podać tekst zastępczy w polu Tekst zastępczy lokalizacji.

Karta Obraz

Dodaj obraz, przesyłając plik lub podając adres URL obrazu. Obrazy udostępniane wewnętrznie mogą oglądać tylko użytkownicy zalogowani i należący do zespołu lub instytucji.

1. Przeciągnij kartę Obraz do istniejącego wiersza.
2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
3. Wybierz źródło obrazu. Możesz przesłać plik obrazu lub podać adres URL obrazu. W przypadku obu tych opcji obsługiwane są formaty JPG, JPEG i PNG.
   • Aby przesłać plik obrazu, wybierz opcję Wczytaj obraz i przeciągnij plik do pola w Edytorze witryn, albo kliknij opcję Znajdź obraz, aby wskazać i dodać plik. Maksymalny rozmiar pliku wynosi 3 MB.
   • Możesz też podać adres URL obrazu, wybierając opcję Adres URL obrazu i wklejając łącze do obsługiwanego obrazu w polu Adres URL.
4. Jeśli używany jest plik obrazu, można go dostosować, klikając przycisk przycinania i przeciągając uchwyt w celu zmiany rozmiaru ramki przycinania. Pozycję ramki przycinania można zmienić, klikając i przeciągając linię kropkowaną. Ponadto można wykonać operację powiększania, dostosowując suwak pod obrazem, a także zmienić pozycję obrazu, klikając w obrębie ramki przycinania.
5. W menu Opcje podaj tekst alternatywny obrazu, aby pomóc użytkownikom niedowidzącym i zwiększyć dostępność witryny.
6. Podaj hiperłącze obrazu i wybierz, czy łącze ma być otwierane na tej samej, czy też na nowej karcie.
7. Podaj tekst dla opcji Legenda do obrazu i wybierz wyrównanie tekstu.
8. Opcjonalnie kliknij opcję Skaluj obraz tak, aby wypełniał cały ekran, aby skonfigurować centralny punkt obrazu. Punkt centralny zapewni pożądane skupienie podczas zmiany rozmiaru obrazu dla różnych ekranów.

Mapy internetowe

Zawiera mapy internetowe dostępne w witrynie. Mapy internetowe można udostępniać prywatnie. Dostęp do nich będą mieć tylko zalogowani użytkownicy należący do zespołu lub instytucji.

1. Przeciągnij kartę Mapa internetowa do istniejącego wiersza.
2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
3. Kliknij opcję Znajdź mapę internetową.
4. Znajdź mapę internetową, wyszukując ją w obszarach Moje mapy, Mapy mojej instytucji lub Wszystkie mapy.
5. Aby wyświetlić tytuł mapy, kliknij przełącznik związany z polem Tytuł.
6. Skonfiguruj Wysokość mapy (w pikselach).

Karta Tekst

Formatuj tekst, dodawaj listy i wstawiaj tabele. Możesz także użyć niestandardowego kodu HTML.

1. Przeciągnij kartę Tekst do istniejącego wiersza.
2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
3. Dodaj tekst.
4. Zaznacz tekst do sformatowania. Dostępne są następujące opcje: styl (dodawanie nagłówków, ekstraktów kodu i znaków cudzysłowu), pogrubienie, kursywa i łącza.
5. Aby skorygować wyrównanie tekstu, kliknij opcje akapitu i wybierz wyrównanie. Możesz także wstawić lub usunąć wcięcie wiersza tekstu, wybierając opcję akapitu, a następnie opcję wstawienia lub usunięcia wcięcia.

Notatka:

Kolor tekstu można zmienić w ustawieniach karty Wiersz.

Dodawanie listy wypunktowanej lub numerowanej

1. Dodaj tekst lub zaznacz istniejący tekst.
2. Wybierz listę nieuporządkowaną, aby utworzyć listę wypunktowaną.
3. Wybierz listę uporządkowaną, aby dodać listę numerowaną.

Wstawianie tabeli

1. Kliknij opcję tabeli.
2. Wybierz liczbę komórek w wierszu i kolumnie.
3. Po wybraniu wielkości tabeli kliknij, aby ją wstawić. Dodawaj lub usuwaj wiersze lub kolumny, klikając w komórce i wybierając przyciski wstawiania lub usuwania wierszy lub kolumn. Kliknij przycisk usuwania, aby usunąć tabelę w całości.

Notatka:

Aby dodać nagłówek do tabeli, kliknij jej górny wiersz, a następnie kliknij przycisk przełączania nagłówka tabeli. Nagłówki ułatwiają nawigację po zawartości tabeli osobom, które korzystają z technologii wspomagających.

Przyciski i karty wstawiania

1. Kliknij przycisk Wstaw.
2. Dostępne są następujące opcje:
   • Przycisk — dodaj wywołanie działania, udostępniając łącza do dodatkowych informacji.
   • Szeroka karta — wstaw pojedynczą kartę w celu wyświetlania zasobów, połączenia z dodatkowymi informacjami i wyświetlenia obrazu.
   • Karty — wstaw wiele kart.

Notatka:

Obrazy można edytować, udostępniając łącze do hostowanego obrazu w widoku kodu kart.

Dodanie kodu HTML

Wygląd tekstu można dostosować, używając kodu HTML.

1. Przeciągnij kartę Tekst do istniejącego wiersza.
2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
3. Kliknij opcję Widok kodu.

Uwaga:

Ze względów bezpieczeństwa na kartach tekstu nie jest obsługiwany wbudowany kod JavaScript. Znaczniki skryptu zostaną zignorowane.

Dozwolone są następujące elementy HTML:

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

Dozwolone są następujące atrybuty dla tych elementów:

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

Karta Kategoria

Kategorie służą do grupowania zestawów danych w witrynie, aby użytkownicy mogli szybko przeglądać dostępne zasoby.

1. Przeciągnij kartę Kategoria do istniejącego wiersza.
2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
3. Edytuj tekst łącza dla swojej kategorii.
4. Wybierz opcję Użyj zapytania o znaczniki lub opcję Użyj grupy.

   Określi to, jakie zestawy danych będą zwracane w wynikach wyszukiwania, gdy użytkownicy klikną tę kategorię.

   • Znacznik — wprowadź zapytanie o znaczniki. .W wynikach wyszukiwania zostaną zwrócone wszystkie zestawy danych z tym pasującym znacznikiem w ich odpowiednim elemencie portalu korporacyjnego.
   • Grupa — wybierz grupę. W wynikach wyszukiwania zostaną zwrócone wszystkie zestawy danych w tej grupie.
5. Wybierz ikonę z biblioteki:
   1. Wybierz opcję Wybierz ikonę.
   2. Wybierz ikon w oknie modalnym i kliknij opcję Wybierz.

      Ikona zostanie wyświetlona w panelu bocznym.

   3. Kliknij szare pole po prawej stronie ikony, aby wybrać kolor ikony.
6. Użyj własnej ikony:
   1. Podaj adres URL ikony.
   2. Podaj tekst alternatywny ikony, aby pomóc użytkownikom niedowidzącym i zwiększyć dostępność witryny.
7. Kliknij opcję Wróć do edytora witryn, aby wrócić do głównego panelu bocznego.

Wskazówka:

Ikony niestandardowe należy zapisać jako plik .svg lub przezroczysty plik .png. Ikony będą skalowane do rozmiaru 120x120 pikseli.

Karta Informacje kontaktowe

Podaj informacje kontaktowe, aby wysłać e-mail do właściciela danych.

1. Przeciągnij kartę Informacje kontaktowe do istniejącego wiersza.
2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
3. Podaj adres e-mail osoby kontaktowej i wiersz tematu wiadomości e-mail.

   Po kliknięciu przez użytkowników adresu e-mail na stronie głównej automatycznie zostanie otwarty ich edytor wiadomości e-mail.

4. Kliknij opcję Wróć do edytora witryn, aby wrócić do głównego panelu bocznego.

Karta Galeria

Karta galerii umożliwia prezentację aplikacji, paneli, zestawów danych, witryn, stron, map internetowych i dokumentów. Karta galerii automatycznie pobiera te elementy z grup ArcGIS Online instytucji. Po dodaniu zasobów do instytucji lub konkretnej grupy nowe kafle aplikacji zostaną wyświetlone w witrynie bez konieczności edytowania kompozycji.

1. Przeciągnij kartę Galeria do istniejącego wiersza.
2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
3. Wybierz elementy do wyświetlenia na kartach, klikając menu rozwijane Wyświetl i wybierając opcję wyświetlania zasobów według typu lub ręcznie wybierając poszczególne elementy.
   • Aby wyświetlić zasoby na podstawie typu, kliknij opcję Dynamiczne, a następnie wybierz jedną z opcji: Aplikacje, Panele, Zestawy danych, Witryny, Strony, Mapy internetowe lub Dokumenty. Dodatkowe ustawienia wymagają wybrania liczby Wyświetlanych kart, a także grupy lub znacznika używanego w zapytaniu.

     Wskazówka:

     Opcja Aplikacje obejmuje następujące elementy: aplikacje, formularze (Survey123) i aplikacje map internetowych. Typy dokumentów obsługiwane w opcji Dokument to: PDF, Microsoft Excel, Microsoft PowerPoint, iWork Keynote, iWork Pages, dokumenty pakietu iWork i dokumenty programu Visio.

   • Aby wyświetlić zasoby mieszane, kliknij opcję Ręcznie, a następnie pojedynczo wybierz zasoby, klikając opcję Dodaj zasoby i wybierając dowolną kombinację aplikacji, zestawów danych, witryn i stron należących do instytucji.

     Wskazówka:

     Jeśli wybrano opcję wyświetlania ręcznego, można zmienić kolejność kart wyświetlanych w kompozycji, dostosowując listę kart w Edytorze witryn. Kliknij nazwę karty, aby ją przeciągnąć i upuścić na nowej pozycji listy.

4. W menu rozwijanym Styl wybierz wygląd kart galerii, używając następujących opcji:
   • Obraz — wybierz ikony lub miniatury. ArcGIS OnlineEdytora witrynWitrynyArcGIS OnlineMoje zasobyEdytuj miniaturęArcGIS Onlineszczegółów elementówZasobyPrzeglądEdytuj miniaturęszczegółów elementów
   • Narożniki — wybierz narożniki kwadratowe lub zaokrąglone.
   • Tekst na przycisku — opcjonalnie zmień nazwę przycisku Eksploruj, wprowadzając nową nazwę w polu tekstowym.

Karta Ramka Iframe

Osadzone ramki iframe i zasoby zewnętrzne.

Uwaga:

Nie należy osadzać kodu ramki iframe z innej witryny. Należy wkleić tylko adres URL, który ma zostać osadzony.

1. Przeciągnij kartę Ramka iframe do istniejącego wiersza.
2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
3. Podaj adres URL ramki iframe oraz jej wysokość.
4. Dodaj tytuł do ramki iframe.
5. Włącz przewijanie, włączając opcję Automatycznie.
6. Kliknij przycisk Zastosuj.

Notatka:

Adresy URL ramek iframe używające protokołu HTTP nie zostaną wyświetlone w Edytorze witryny, który używa protokołu HTTPS. Zapisz i wyświetl witrynę, aby zobaczyć ramkę iframe.

Karta Wideo

Dodaj karty Wideo, aby osadzić wideo YouTube, Vimeo lub Facebook.

1. Przeciągnij kartę Multimedia do istniejącego wiersza.
2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
3. Wklej adres URL filmu z Facebook, Vimeo lub YouTube w polu Adres URL filmu.
4. W zależności od źródła filmu zostaną wyświetlone dodatkowe opcję umożliwiające skonfigurowanie wyświetlania filmu:
   • W przypadku filmów Facebook wybierz opcję Pokaż tekst wpisu, aby wyświetlić liczbę polubień, komentarze, udostępnienia i inny powiązany tekst. Wybierz opcję Zawsze pokazuj napisy, aby wyświetlić napisy do filmu.
   • W przypadku filmów Vimeo wybierz opcje Pokaż tytuł filmu, Pokaż właściciela filmu, Pokaż miniaturę właściciela filmu i Odtwarzaj filmy w pętli.
   • W przypadku filmów YouTube wybierz opcje Pokaż markę Youtube i Odtwarzaj filmy w pętli.
5. Kliknij przycisk kopiowania obok opcji Adres URL filmu, aby zapisać łącze w schowku, dzięki czemu będzie go można użyć w innym miejscu w aplikacji.

Karta Media społecznościowe

Udostępniaj wpisy w mediach społecznościowych i osie czasu bezpośrednio w witrynie, korzystając z adresów URL.

Wpis w witrynie Facebook

Wyświetl pojedynczy wpis, aby wyróżnić coś szczególnego.

1. Przeciągnij kartę Media społecznościowe do istniejącego wiersza.
2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
3. W polu Adres URL wpisu w mediach społecznościowych wklej adres URL dowolnego publicznie udostępnionego wpisu w witrynie Facebook. Aby skopiować właściwy adres URL, kliknij datownik wpisu (data lub czas w lewym górnym rogu wpisu), a następnie skopiuj nowy adres URL w przeglądarce przed powrotem do edycji witryny.
4. Opcjonalnie kliknij przełącznik opcji Pokaż tekst wpisu, aby wyświetlić tekst powiązany z wpisem.

Oś czasu w witrynie Facebook

W Facebook wyświetl stronę Oś czasu, Wydarzenia i Wiadomości, aby dokonać głębszej eksploracji.

1. Przeciągnij kartę Media społecznościowe do istniejącego wiersza.
2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
3. W polu Adres URL wpisu w mediach społecznościowych wklej adres URL dowolnej publicznie udostępnionej strony w witrynie Facebook.
4. Opcjonalnie kliknij przełącznik dla dowolnej kombinacji spośród następujących opcji:
   • Opcja Karty stron w witrynie Facebook wyświetla kartę Oś czasu pod nagłówkiem strony. Kliknij tę opcję, jeśli chcesz udostępnić swoją oś czasu wraz z wydarzeniami i/lub wiadomościami.
   • Opcja Wydarzenia umożliwia wyświetlenie widoku listy widoków wydarzeń strony.
   • Opcja Wiadomości umożliwia użytkownikom wpisywanie i wysyłanie wiadomości do administratora strony Facebook za pomocą aplikacji Facebook Messenger.
   • Opcja Użyj dużego nagłówka umożliwia zwiększenie rozmiaru nagłówka strony i dodanie przycisku Wyślij wiadomość łączącego użytkowników z aplikacją Facebook Messenger.
   • Opcja Pokaż zdjęcie na okładce umożliwia wyświetlenie zdjęcia na okładce strony.

Wpis w witrynie Twitter

Wyświetl pojedynczy wpis w witrynie Twitter, aby wyróżnić konkretny wpis z witryny Twitter.

1. Przeciągnij kartę Media społecznościowe do istniejącego wiersza.
2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
3. W polu Adres URL wpisu w mediach społecznościowych wklej adres URL dowolnego publicznie udostępnionego wpisu w witrynie Twitter. Aby uzyskać łącze dla pojedynczego wpisu w witrynie Twitter, kliknij ikonę Więcej w prawym górnym rogu wpisu, a następnie wybierz opcję Skopiuj link do tweeta.
4. Opcjonalnie kliknij przełącznik dla dowolnej kombinacji spośród następujących opcji w menu Opcje:
   • Opcja Pokaż ciemny motyw umożliwia odwrócenie wyświetlanych kolorów.
   • Opcja Wybierz szerokość wpisu z witryny Twitter umożliwia wybranie rozmiaru Twoich wyświetlanych wpisów. Dostępne są opcje Mała, Średnia i Duża.
5. Opcja Wybierz pozycję wpisu z witryny Twitter umożliwia wybranie wyrównania Do lewej, Na środku lub Do prawej.

Oś czasu z witryny Twitter

Wyświetl przewijalną oś czasu z witryny Twitter.

1. Przeciągnij kartę Media społecznościowe do istniejącego wiersza.
2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
3. W polu Adres URL wpisu w mediach społecznościowych wklej adres URL dowolnej publicznie udostępnionej osi czasu z witryny Twitter.
4. Opcjonalnie kliknij przełącznik dla dowolnej kombinacji spośród następujących opcji w menu Opcje:
   • Wybierz wysokość zbioru, wybierając opcję Domyślna, aby pozostać na bieżącym ekranie, lub wybierając opcję Rozciągnięta, aby pokazać większą część osi czasu.
   • Opcja Limit wpisów z witryny Twitter umożliwia skonfigurowanie liczby wpisów z witryny Twitter wyświetlanych na osi czasu.
   • Opcja Pokaż ciemny motyw umożliwia odwrócenie wyświetlanych kolorów.
   • Opcja Pokaż nagłówek umożliwia wyświetlenie nagłówka. Podobnie, opcja Pokaż stopkę umożliwia wyświetlenie stopki.
   • Opcja Pokaż obramowanie umożliwia wyświetlenie obramowania wokół osi czasu.
   • Opcja Pokaż tło umożliwia usunięcie tła.

Twitter — zbiór

Wyświetl zbiór z witryny Twitter w witrynie. Informacje na temat tworzenia zbioru z witryny Twitter zawiera następująca dokumentacja programisty Twitter: Curate a collection of Tweets (Obsługiwanie zbioru wpisów w witrynie Twitter).

1. Przeciągnij kartę Media społecznościowe do istniejącego wiersza.
2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
3. W polu Adres URL wpisu w mediach społecznościowych wklej adres URL dowolnego publicznie udostępnionego zbioru z witryny Twitter.
4. Opcjonalnie kliknij przełącznik dla dowolnej kombinacji spośród następujących opcji w menu Opcje:
   • Opcja Limit wpisów z witryny Twitter umożliwia skonfigurowanie liczby wpisów z witryny Twitter wyświetlanych w zbiorze.
   • Opcja Zwiększona wysokość umożliwia wyświetlenie większej części zbioru naraz.
   • Opcja Pokaż ciemny motyw umożliwia zmianę koloru tekstu na biały i zastosowanie ciemnoszarego tła.
   • Opcja Pokaż nagłówek umożliwia wyświetlenie tytułu zbioru. Podobnie, opcja Pokaż stopkę umożliwia wyświetlenie stopki zawierającej łącza do opcji Osadź lub Wyświetl na Twitterze.
   • Opcja Pokaż obramowanie umożliwia wyświetlenie obramowania wokół karty.
   • Opcja Pokaż tło umożliwia zastosowanie białego tła do karty. Jeśli zostanie także wybrana opcja Pokaż ciemny motyw, zostanie zastosowane ciemnoszare tło.

Karta Statystyka sumaryczna

Statystyki sumaryczne służą do szybkiego udostępniania danych dla kluczowych wskaźników wydajności itp. Statystyki sumaryczne są generowane z zapytań dotyczących zestawów danych i automatycznie aktualizowane po zaktualizowaniu zestawu danych. Tylko użytkownicy dysponujący dostępem mogą po zalogowaniu się korzystać ze statystyk sumarycznych, które zostały wygenerowane przy użyciu udostępnionych wewnętrznie danych.

1. Przeciągnij kartę Statystyka sumaryczna do istniejącego wiersza.
2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
3. Kliknij opcję (+) Dodaj dane otwierającą okno wyboru elementu umożliwiające wybranie odpowiedniej usługi danych. Podczas edytowania witryny łącze do źródła znajdujące się poniżej statystyki umożliwia przejście do strony szczegółów elementu związanej ze stroną podglądu zestawu danych.
4. Dla opcji Pole statystyki wybierz pole z wybranej usługi. To pole będzie wykorzystywane w dalszych etapach.
5. Dla opcji Typ statystyki wybierz typ operacji wykonywanej na wybranym polu.
   • W przypadku pól tekstowych i daty wybierz między liczbą, wartością minimalną lub maksymalną.
   • W przypadku pól liczbowych wybierz między liczbą, sumą, wartością minimalną, maksymalną, średnim odchyleniem standardowym lub wariancją.
6. Opcjonalnie dodaj filtr do statystyki:
   1. Wybierz atrybut, który będzie używany do filtrowania.
   2. Wybierz pozycję Dodaj.
   3. Wybierz nowe pole atrybutu, aby wyświetlić dane wejściowe filtru. Pole wejściowe będzie się zmieniało w zależności od typu pola.
   4. Wprowadź żądany filtr.
   5. Kliknij poza polem filtru lub naciśnij klawisz Enter na klawiaturze.
7. Wpisz tytuł w polu tekstowym Tytuł.
8. Opcjonalnie wprowadź tekst dla opcji Tekst końcowy, aby podać szczegóły statystyki i zmień ustawienie Kolor wiodący dla samej statystyki.

Karta Diagram

Utwórz proste diagramy bezpośrednio z zestawu danych lub wprowadź własny plik JSON diagramu, aby utworzyć diagram niestandardowy. Diagramy utworzone przy użyciu danych udostępnionych prywatnie mogą wyświetlać tylko ci użytkownicy, którzy po zalogowaniu się mają dostęp do zespołu lub instytucji.

Diagram słupkowy

Diagramy słupkowe są tworzone z zapytań do wybranego zestawu danych i automatycznie aktualizowane po zaktualizowaniu tego zestawu danych.

1. Przeciągnij kartę Diagram do istniejącego wiersza.
2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
3. Diagram słupkowy będzie wybrany domyślnie.
4. Kliknij przycisk (+) Dodaj dane.
5. Wybierz element z dostępnych usług danych.
6. Dla opcji Wybierz atrybut kategorii z danych wybierz podstawowy element umieszczany na diagramie.

   Na diagramach mogą być używane pola numeryczne i znakowe. Domyślnie po wybraniu atrybutu kategorii uzyskany diagram dokonuje zliczania tego atrybutu.

7. Ewentualnie można wybrać opcję Wybierz atrybut wartości, aby wybrać pole numeryczne służące jako metryka wartości dla atrybutu kategorii. Po dokonaniu wyboru domyślną operacją statystyczną dla tego pola jest Suma. Ustawienie Operacja statystyczna można zmienić, korzystając z listy rozwijanej znajdującej się po prawej stronie selektora Wybierz atrybut wartości. Atrybut wartości obsługuje opcje Min, Maks, Suma, Średnia i Liczba. Po wybraniu opcji Liczba zostanie wyłączone zaznaczenie pozycji atrybut wartości (ponieważ nie ma potrzeby zliczania atrybutu kategorii w osobnym polu).

   Na diagramach mogą być używane pola numeryczne i znakowe. Domyślnie po wybraniu atrybutu kategorii uzyskany diagram dokonuje zliczania tego atrybutu.

8. Kliknij menu Opcje, aby dostosować sposób wyświetlania diagramu przy użyciu następujących ustawień:
   • Opcja Sortuj umożliwia określenie sposobu wyświetlania danych związanych z atrybutami. Wybierz atrybut, a następnie kliknij ikonę sortowania znajdującą się obok niego, aby wyświetlać dane w porządku rosnącym lub malejącym.
   • Skonfiguruj wysokość diagramu (w pikselach) w polu tekstowym Wysokość (piksele).
   • Wybierz wyświetlanie tytułu diagramu, klikając przełącznik obok pola Tytuł diagramu. Jeśli tytuł ma być wyświetlany, wprowadź go w udostępnionym polu tekstowym i wybierz wyrównanie.
   • Skonfiguruj Podstawowy kolor diagramu, wprowadzając jego kod lub wybierając go w oknie wyboru kolorów.
   • Podaj tekst w polach Etykieta kategorii i Etykieta wartości.

Diagram kołowy

Diagramy kołowe są tworzone z zapytań do wybranego zestawu danych i automatycznie aktualizowane po zaktualizowaniu tego zestawu danych.

1. Przeciągnij kartę Diagram do istniejącego wiersza.
2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
3. Wybierz diagram kołowy, klikając przycisk okrągłego diagramu kołowego.
4. Kliknij przycisk (+) Dodaj dane.
5. Wybierz element z dostępnych usług danych.
6. Dla opcji Wybierz atrybut kategorii z danych wybierz podstawowy element umieszczany na diagramie.

   Na diagramach mogą być używane pola numeryczne i znakowe. Domyślnie po wybraniu atrybutu kategorii uzyskany diagram dokonuje zliczania tego atrybutu.

7. Ewentualnie dla opcji Wybierz atrybut wartości można wybrać pole numeryczne służące jako metryka wartości dla atrybutu kategorii. Po dokonaniu wyboru domyślną operacją statystyczną dla tego pola jest Suma. Można zmienić ustawienie Operacja statystyczna, klikając strzałkę rozwijania znajdującą się po prawej stronie selektora Wybierz atrybut wartości. Atrybut wartości obsługuje opcje Min, Maks, Suma, Średnia i Liczba. Po wybraniu opcji Liczba zostanie wyłączone zaznaczenie pozycji atrybut wartości (ponieważ nie ma potrzeby zliczania atrybutu kategorii w osobnym polu).

   Na diagramach mogą być używane pola numeryczne i znakowe. Domyślnie po wybraniu atrybutu kategorii uzyskany diagram dokonuje zliczania tego atrybutu.

8. Kliknij menu Opcje, aby dostosować sposób wyświetlania diagramu przy użyciu następujących ustawień:
   • Opcja Sortuj umożliwia określenie sposobu wyświetlania danych związanych z atrybutami. Wybierz atrybut, a następnie kliknij ikonę sortowania znajdującą się obok niego, aby wyświetlać dane w porządku rosnącym lub malejącym.
   • Skonfiguruj wysokość diagramu (w pikselach) w polu tekstowym Wysokość (piksele).
   • Wybierz wyświetlanie tytułu diagramu, klikając przełącznik obok pola Tytuł diagramu. Jeśli tytuł ma być wyświetlany, wprowadź go w udostępnionym polu tekstowym i wybierz wyrównanie.
   • Skonfiguruj w polu Etykieta kategorii tekst etykiety wyświetlanej w podpowiedzi dla każdego wycinka koła, a w polu Etykieta wartości tekst etykiety odpowiedniej metryki.

Diagram liniowy

Diagramy liniowe są tworzone z zapytań do wybranego zestawu danych i automatycznie aktualizowane po zaktualizowaniu tego zestawu danych.

1. Przeciągnij kartę Diagram do istniejącego wiersza.
2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
3. Wybierz diagram liniowy, klikając przycisk diagramu liniowego.
4. Kliknij przycisk (+) Dodaj dane.
5. Wybierz element z dostępnych usług danych.
6. Dla opcji Wybierz atrybut kategorii z danych wybierz podstawowy element umieszczany na diagramie.

   Na diagramach mogą być używane pola numeryczne i znakowe. Domyślnie po wybraniu atrybutu kategorii uzyskany diagram dokonuje zliczania tego atrybutu.

7. Ewentualnie dla opcji Wybierz atrybut wartości można wybrać pole numeryczne służące jako metryka wartości dla atrybutu kategorii. Po dokonaniu wyboru domyślną operacją statystyczną dla tego pola jest Suma. Można zmienić ustawienie Operacja statystyczna, klikając strzałkę rozwijania znajdującą się po prawej stronie selektora Wybierz atrybut wartości. Atrybut wartości obsługuje opcje Min, Maks, Suma, Średnia i Liczba. Po wybraniu opcji Liczba zostanie wyłączone zaznaczenie pozycji atrybut wartości (ponieważ nie ma potrzeby zliczania atrybutu kategorii w osobnym polu).

   Na diagramach mogą być używane pola numeryczne i znakowe. Domyślnie po wybraniu atrybutu kategorii uzyskany diagram dokonuje zliczania tego atrybutu.

8. Kliknij menu Opcje, aby dostosować sposób wyświetlania diagramu przy użyciu następujących ustawień:
   • Opcja Sortuj umożliwia określenie sposobu wyświetlania danych związanych z atrybutami. Wybierz atrybut, a następnie kliknij ikonę sortowania znajdującą się obok niego, aby wyświetlać dane w porządku rosnącym lub malejącym.
   • Skonfiguruj wysokość diagramu (w pikselach) w polu tekstowym Wysokość (piksele).
   • Wybierz wyświetlanie tytułu diagramu, klikając przełącznik obok pola Tytuł diagramu. Jeśli tytuł ma być wyświetlany, wprowadź go w udostępnionym polu tekstowym i wybierz wyrównanie.
   • Skonfiguruj Podstawowy kolor diagramu, wprowadzając jego kod lub wybierając go w oknie wyboru kolorów.
   • Skonfiguruj w polu Etykieta kategorii tekst etykiety wyświetlanej w podpowiedzi dla każdego punktu, a w polu Etykieta wartości tekst etykiety odpowiedniej metryki.

Diagram punktowy

Diagramy punktowe są tworzone z zapytań do wybranego zestawu danych i automatycznie aktualizowane po zaktualizowaniu tego zestawu danych.

1. Przeciągnij kartę Diagram do istniejącego wiersza.
2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
3. Wybierz diagram punktowy, klikając przycisk diagramu punktowego.
4. Kliknij przycisk (+) Dodaj dane.
5. Wybierz element z dostępnych usług danych.
6. Dla opcji Wybierz atrybut osi X wybierz z danych podstawowy element umieszczany na diagramie.

   Na diagramach mogą być używane pola numeryczne i znakowe. Domyślnie po wybraniu atrybutu kategorii uzyskany diagram dokonuje zliczania tego atrybutu.

7. Wybierz atrybut w polu Wybierz atrybut osi Y. Wybierz pole numeryczne służące jako metryka wartości dla atrybutu kategorii.

   Na diagramach mogą być używane pola numeryczne i znakowe. Domyślnie po wybraniu atrybutu kategorii uzyskany diagram dokonuje zliczania tego atrybutu.

8. Kliknij menu Opcje, aby dostosować sposób wyświetlania diagramu przy użyciu następujących ustawień:
   • Opcja Sortuj umożliwia określenie sposobu wyświetlania danych związanych z atrybutami. Wybierz atrybut, a następnie kliknij ikonę sortowania znajdującą się obok niego, aby wyświetlać dane w porządku rosnącym lub malejącym.
   • Skonfiguruj wysokość diagramu (w pikselach) w polu tekstowym Wysokość (piksele).
   • Wybierz wyświetlanie tytułu diagramu, klikając przełącznik obok pola Tytuł diagramu. Jeśli tytuł ma być wyświetlany, wprowadź go w udostępnionym polu tekstowym i wybierz wyrównanie.
   • Skonfiguruj Podstawowy kolor diagramu, wprowadzając jego kod lub wybierając go w oknie wyboru kolorów.
   • Skonfiguruj ustawienia Etykieta osi X i Etykieta osi y do wyświetlania na diagramie.

Diagram JSON

Diagramy niestandardowe są tworzone z pliku JSON z użyciem konkretnej specyfikacji diagramu.

1. Przeciągnij kartę Diagram do istniejącego wiersza.
2. Umieść kursor nad kartą i kliknij przycisk ustawień, aby przejść do trybu edycji.
3. Wybierz tytuł JSON.
4. Wprowadź plik JSON w polu Specyfikacja diagramu JSON.
5. Ewentualnie w sekcji Opcje można włączyć lub wyłączyć i dostosować ustawienia tytułu diagramu i wysokości (w pikselach).

Specyfikacja JSON

Wprowadzenie niestandardowego pliku JSON pozwala utworzyć diagramy niestandardowe, które wykorzystują bibliotekę Cedar. Specyfikacja składa się z następujących komponentów:

Zestawy danych

Tablica zestawów danych określa adres URL usługi obiektowej ArcGIS i parametry zapytania. Więcej informacji o parametrach zapytania zawiera dokumentacja interfejsu REST API.

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

Serie

Tablica serii umożliwia podanie odwzorowań między polami w odpowiedzi usługi i wizualnymi aspektami diagramu (osie x, y, kolor i rozmiar dla diagramów punktowych, promień dla diagramów kołowych).

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

Zastąpienia

Właściwość Zastąp pozwala podać wizualne elementy nakładające, takie jak kolor lub pozycjonowanie dla całego diagramu.

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

Specyfikacja

Właściwość Specyfikacja pozwala wprowadzić całą specyfikację Cedar dla czystego diagramu niestandardowego. Wyświetl przykłady dla istniejących specyfikacji diagramu.

Przykłady

Diagram słupkowy:

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

Poziomy diagram słupkowy:

{
  "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    }
  }
}

Zgrupowany diagram słupkowy:

Uwaga: każda seria będzie pasować do grupy.

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

Diagram punktowy:

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

Diagram bąbelkowy punktowy:

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

Diagram osi czasu:

Uwaga: kategoria musi być polem czasu daty (datetime).

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

Stopka

Wartości domyślne Edytora witryn nie zawierają stopki. Aby uzyskać trwałą stopkę na wszystkich stronach witryny, należy utworzyć stopkę niestandardową.

1. W sekcji Stopka wybierz opcję Niestandardowa.

   Na stronie jest wyświetlana stopka domyślna, a w panelu bocznym jest wyświetlane pole arkusza CSS.

2. Kliknij przycisk ustawień na dole po prawej stronie stopki, aby edytować kod HTML.
3. Kliknij ponownie przycisk ustawień, aby wyświetlić zmiany.
4. Zmodyfikuj pole arkusza CSS w panelu bocznym i kliknij opcję Zastosuj zmiany, aby zobaczyć efekty w kodzie HTML.

Wskazówka:

W kodzie HTML stopki nie jest obsługiwany wbudowany kod JavaScript. Znaczniki skryptu zostaną zignorowane.