Projektowanie kompozycji witryny—Portal for ArcGIS | Dokumentacja oprogramowania ArcGIS Enterprise

Po skonfigurowaniu witryny i dodaniu danych można zaprojektować kompozycję strony głównej oraz dostosować nagłówek i stopkę. This can all be done from the Site Editor tab. Ta karta pozwala zaprojektować witrynę przy użyciu udostępnionego edytora, kodu języku Markdown lub niestandardowego kodu HTML.

Przegląd

Edytor witryn jest pełnostronicowym edytorem udostępniającym szablon witryny, który można zmodyfikować, aby go dostosować do oznakowania marką i danych własnej witryny, lub który można całkowicie usunąć, aby rozpocząć od podstaw. Ustaw kursor nad elementami na stronie, aby przenieść elementy, zmienić ich rozmiar, edytować je lub usunąć, albo kliknij ikonę koła zębatego w górnym lewym rogu, aby otworzyć panel boczny edytora witryn.

Ustawienia nagłówka

Nagłówek witryny można utworzyć na dwa sposoby, korzystając z adresu URL logotypu i tytułu witryny (prosty) lub korzystając z własnego kodu HTML i arkusza CSS (zaawansowany).

Prosta procedura wykonywania zadań

Wybierz opcję Użyj logotypu i tytułu witryny.
Wprowadź tytuł w polu Tytuł witryny.
Wprowadź obraz w polu Adres URL logotypu. Obrazy będą skalowane do wysokości 50 pikseli.

Zaawansowana procedura wykonywania zadań

Wybierz opcję Użyj niestandardowych plików HTML/CSS.
Na stronie jest wyświetlany nagłówek domyślny, a w panelu bocznym jest wyświetlane pole arkusza CSS.
Kliknij ikonę koła zębatego u góry po prawej stronie nagłówka, aby edytować kod HTML.
Kliknij ponownie ikonę koła zębatego, aby wyświetlić zmiany.
Zmodyfikuj pole arkusza CSS w panelu bocznym i kliknij opcję Zastosuj zmiany, aby zobaczyć efekty w kodzie HTML.

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

Kreator motywu

Motyw witryny można określić, korzystając z następujących opcji koloru:

Kolor tła nagłówka — dotyczy nagłówka.
Kolor tekstu w nagłówku — dotyczy tekstu w nagłówku.
Kolor tła treści — dotyczy koloru przezroczystych wierszy strony głównej i koloru tła strony wyników wyszukiwania i stron zestawów danych.
Kolor tekstu treści — dotyczy koloru zwykłego tekstu w witrynie.
Kolor łącza w treści — dotyczy koloru łączy i przycisków w witrynie i stanu po wskazaniu łączy w nagłówku.

Wskazówka:

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

Kreator kompozycji

Podstawowa kompozycja strony składa się z wierszy i widżetów. Widżet musi znajdować się w wierszu. Liczba widżetów, które można umieścić w wierszu, nie jest ograniczona. Aby edytować dowolną kartę, kliknij ikonę koła zębatego. Aby usunąć dowolną kartę, kliknij ikonę kosza.

Row

Użyj wierszy, aby skonstruować całą kompozycję i rozmieścić widżety.

Przeciągnij wiersz z panelu bocznego na stronę.
Na stronie zostaną wyświetlone prowadnice.
Umieść kursor nad wierszem, po prawej stronie zostaną wyświetlone trzy ikony: strzałki do przeniesienia wiersza na stronie, ikona koła zębatego do edycji i znak x do usunięcia wiersza.
Kliknij ikonę koła zębatego, aby przełączyć w tryb edycji.
Ustaw kolor tekstu dla tego konkretnego wiersza.
Ustaw kolor tła (domyślnie jest przezroczyste) lub obraz tła.
Kliknij opcję Wróć do edytora witryn, aby wrócić do głównego panelu bocznego.

Karta baneru

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

Przeciągnij widżet baneru do istniejącego wiersza.
Umieść kursor nad widżetem i kliknij ikonę koła zębatego, aby przełączyć w tryb edycji.
Opcjonalnie wprowadź nagłówek i nagłówek podrzędny.
Opcjonalnie podaj adres URL obrazu tła i ustaw minimalną wysokość.
Opcjonalnie zaznacz Pokaż pasek wyszukiwania, aby dodać pasek wyszukiwania do tego widżetu baneru.
Opcjonalnie zaznacz Dodaj możliwość wyszukiwania według lokalizacji, aby dodać drugą opcję wyszukiwania dla użytkowników do filtrowania wyników na podstawie lokalizacji.
Opcjonalnie dodaj tekst zastępczy, który będzie wyświetlany w paskach wyszukiwania.
Kliknij opcję Wróć do edytora witryn, aby wrócić do głównego panelu bocznego.

Karta obrazu

W kompozycji można użyć obrazów.

Przeciągnij widżetobrazu do istniejącego wiersza.
Umieść kursor nad widżetem i kliknij ikonę koła zębatego, aby przełączyć w tryb edycji.
Podaj adres URL obrazu.
Podaj tekst alternatywny obrazu, aby pomóc użytkownikom niedowidzącym i zwiększyć dostępność witryny.
Opcjonalnie podaj legendę do obrazu.
Opcjonalnie można podać hiperłącze obrazu, które się będzie otwierać na tej samej karcie lub nanowej karcie.
Kliknij opcję Wróć do edytora witryn, aby wrócić do głównego panelu bocznego.

Karta tekstu

Dodaj do kompozycji tekst (język znaczników Markdown i HTML).

Przeciągnij widżet tekstu do istniejącego wiersza.
Umieść kursor nad widżetem i kliknij ikonę koła zębatego, aby przełączyć w tryb edycji.
Wprowadź tekst dla języka znaczników Markdown lub HTML w widżecie tekstu.
Kliknij ikonę koła zębatego, aby wyświetlić tekst.

Uwaga:

Ze względów bezpieczeństwa w widżetach 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 kategorii

Użyj kategorii, aby pogrupować zestawy danych w witrynie.

Przeciągnij widżet kategorii do istniejącego wiersza.
Umieść kursor nad widżetem i kliknij ikonę koła zębatego, aby przełączyć w tryb edycji.
Edytuj tekst łącza dla swojej kategorii.
Wybierz albo zapytanie o znaczniki, albo grupę.
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.
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.
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.
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 informacji kontaktowych

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

Przeciągnij widżet osoby kontaktowej do istniejącego wiersza.
Umieść kursor nad widżetem i kliknij ikonę koła zębatego, aby przełączyć w tryb edycji.
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.
Kliknij opcję Wróć do edytora witryn, aby wrócić do głównego panelu bocznego.

Karta ramki iframe

Osadzone ramki iframe i zasoby zewnętrzne.

Przeciągnij widżet ramka iframe do istniejącego wiersza.
Umieść kursor nad widżetem i kliknij ikonę koła zębatego, aby przełączyć w tryb edycji.
Podaj adres URL ramki iframe oraz jej wysokość.
Kliknij przycisk Zastosuj.

Uwaga:

Nie należy wklejać w osadzanej ramce iframe kodu z innej witryny. Należy wkleić tylko adres URL, który ma zostać osadzony.

Wskazówka:

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 wykresu

Utwórz proste diagramy bezpośrednio z zestawu danych lub wprowadź własny plik JSON diagramu, aby utworzyć diagram niestandardowy.

Diagram słupkowy grupowy

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

Przeciągnij widżet diagramu do istniejącego wiersza.
Umieść kursor nad widżetem i kliknij ikonę koła zębatego, aby przełączyć w tryb edycji.
Diagram słupkowy będzie wybrany domyślnie.
Kliknij przycisk (+) Dodaj dane.
Wybierz element z dostępnych usług danych.
Wybierz opcję Wybierz atrybut kategorii, aby z danych wybrać 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.
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.
Ewentualnie w sekcji Opcje można włączyć, wyłączyć i dostosować tytuł diagramu, wysokość (w pikselach), etykietę kategorii dla osi x oraz etykietę wartości dla etykiety na osi y.

Diagram kołowy

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

Przeciągnij widżet diagramu do istniejącego wiersza.
Umieść kursor nad widżetem i kliknij ikonę koła zębatego, aby przełączyć w tryb edycji.
Wybierz opcję Diagram kołowy, klikając ikonę diagramu kołowego.
Kliknij przycisk (+) Dodaj dane.
Wybierz element z dostępnych usług danych.
Wybierz opcję Wybierz atrybut kategorii, aby z danych wybrać 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.
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.
Ewentualnie w sekcji Opcje można włączyć, wyłączyć i dostosować tytuł diagramu, wysokość (w pikselach), etykietę kategorii dla wyświetlanych jako podpowiedzi etykiet poszczególnych wycinków koła oraz etykietę wartości dla wyświetlanych jako podpowiedzi etykiet metryk.

Schemat JSON

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

Przeciągnij widżet diagramu do istniejącego wiersza.
Umieść kursor nad widżetem i kliknij ikonę koła zębatego, aby przełączyć w tryb edycji.
Wybierz tytuł JSON
Wprowadź plik JSON w polu Specyfikacja diagramu JSON.
Ewentualnie w sekcji Opcje można włączyć, wyłączyć i dostosować tytuł diagramu i wysokość (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/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"
    }
  ]
}

Karta statystyk sumarycznych

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.

Przeciągnij widżet statystyki sumarycznej do istniejącego wiersza.
Umieść kursor nad widżetem i kliknij ikonę koła zębatego, aby przełączyć w tryb edycji.
Kliknij przycisk (+) Dodaj dane otwierający okno wyboru elementu umożliwiające wybranie odpowiedniej usługi danych.
Wybierz opcję Pole statystyki, aby wybrać pole odpowiedniej usługi. To pole będzie wykorzystywane w dalszych etapach.
Wybierz opcję Typ statystyki, aby wybrać typ operacji wykonywanej na danym 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ą.
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.
Wybierz opcję Tytuł.
Ewentualnie wprowadź Tekst końcowy i zmień Kolor wiodący statystyki.

Karta galerii

Użyj karty galerii do prezentacji aplikacji map internetowych i zawartości map internetowych w witrynie. Galeria pobiera automatycznie aplikacje i mapy internetowe z grup instytucji. Po dodaniu aplikacji i zawartości mapy do instytucji lub konkretnej grupy nowe kafle aplikacji zostaną wyświetlone w witrynie bez konieczności edytowania kompozycji.

Przeciągnij widżet karty galerii do istniejącego wiersza.
Umieść kursor nad widżetem i kliknij ikonę koła zębatego, aby przełączyć w tryb edycji.
Po lewej stronie zostanie wyświetlonych kilka opcji. Kliknij opcję Aplikacje, aby zobaczyć wszystkie aplikacje w instytucji w karcie galerii. Kliknij opcję Zestawy danych, aby zobaczyć wszystkie zestawy danych w instytucji w karcie galerii. Kliknij opcję Witryny, aby zobaczyć wszystkie witryny w instytucji w karcie galerii.
Dostosuj liczbę w polu Liczba wyświetlonych kart (maksymalnie 16), aby zmienić opcje wyświetlania.
Opcjonalnie w sekcji Pokaż tylko wybierz pozycję Grupy i wybierz pożądane grupy do filtrowania aplikacji.
W polu Znaczniki dodaj znaczniki, aby ograniczyć zapytanie. W karcie galerii zostaną wyświetlone tylko elementy pasujące do tego znacznika.
W sekcji Styl wybierz Użyj ikon lub Użyj miniatur, aby określić, który styl zostanie nadany karcie galerii.
Zmień Tekst na przycisku, aby sterować przyciskiem. Tekst domyślny to Eksploruj.

Ustawienia stopki

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

W sekcji Ustawienia stopki wybierz pozycję Niestandardowe.
Na stronie jest wyświetlana stopka domyślna, a w panelu bocznym jest wyświetlane pole arkusza CSS.
Kliknij ikonę koła zębatego na dole po prawej stronie stopki, aby edytować kod HTML.
Kliknij ponownie ikonę koła zębatego, aby wyświetlić zmiany.
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.

Korzystanie z języka Markdown

Aby dostosować tekst w witrynie, należy użyć znaczników markdown w widżetach tekstu.

Podręczny arkusz języka Markdown


Atrybut	Składnia
Nagłówek	# Miejsce umieszczenia tekstu nagłówka poziomu 1 (największego) # Miejsce umieszczenia tekstu nagłówka poziomu 2 ###### Miejsce umieszczenia tekstu nagłówka poziomu 6 (najmniejszego)
Kursywa	To jest kursywa lub _kursywa_
Pogrubiony	Ten tekst jest pogrubiony
Połączenie kursywy i pogrubienia	Połączenie kursywy i* pogrubienia*
Łącze z widocznym adresem	http://www.esri.com Notatka: Należy pamiętać o określeniu protokołu (HTTP lub HTTPS) na początku adresu URL
Łącze bez widocznego adresu	[Tekst hiperłącza] (http://www.esri.com) Notatka: Należy pamiętać o określeniu protokołu (HTTP lub HTTPS) na początku adresu URL
Wyróżniki	* Pierwszy element listy wypunktowanej * Drugi element listy wypunktowanej
Lista uporządkowana	1. Pierwszy element listy numerowanej 1. Drugi element listy numerowanej
Wstaw obrazy	<img src="adres URL źródła obrazu wraz z określeniem HTTP lub HTTPS"> Notatka: Jeśli w portalu korporacyjnym są obrazy, można też używać względnych adresów URL w postaci "../obrazy/moj-wspanialy-obraz"
Wstaw obraz z hiperłączem	<a href="łącze URL wraz z określeniem HTTP lub HTTPS"><img src="adres URL źródła obrazu wraz z określeniem HTTP lub HTTPS"></a>

Chcesz przekazać opinię na ten temat?

Przegląd

Ustawienia nagłówka

Uwaga:

Notatka:

Kreator motywu

Wskazówka:

Kreator kompozycji

Row

Karta baneru

Karta obrazu

Karta tekstu

Uwaga:

Karta kategorii

Wskazówka:

Karta informacji kontaktowych

Karta ramki iframe

Uwaga:

Wskazówka:

Karta wykresu

Diagram słupkowy grupowy

Diagram kołowy

Schemat JSON

Specyfikacja JSON

Karta statystyk sumarycznych

Karta galerii

Ustawienia stopki

Wskazówka:

Korzystanie z języka Markdown

Podręczny arkusz języka Markdown

Notatka:

Notatka:

Notatka:

W tym temacie