Skip To Content

Wstawianie diagramów, tabel i wskaźników

Diagramy, tabele i statystyki sumaryczne pozwalają na tworzenie wizualizacji danych. Wizualizacje tego typu są użyteczne podczas wyświetlania kluczowych statystyk i trendów. Członkowie zespołu podstawowego mogą tworzyć wizualizacje danych przy użyciu prywatnych i publicznych zestawów danych. Diagram lub statystykę mogą wyświetlać tylko użytkownicy zalogowani do witryny lub strony, którym dane zostały udostępnione.

Na początek zaloguj się do oprogramowania Portal for ArcGIS, a następnie kliknij opcję Witryny na stronie Przegląd, aby wyświetlić listę witryn.

Wskazówka:

Witrynę możesz również edytować podczas przeglądania jej w przeglądarce. Pamiętaj, aby zalogować się, a następnie odszukać przycisk edycji po lewej stronie witryny.

Tworzenie tabeli

Informacje można zorganizować w tabeli za pomocą karty Tekst.

Wskazówka:

Aby utworzyć tabelę z użyciem języka HTML, należy wstawić kod za pomocą widoku Kod na karcie tekstu.

  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ę tabeli.
  4. Wybierz liczbę komórek w wierszu i kolumnie.
  5. 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.

    Wskazówka:

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

  6. Kliknij przycisk Zapisz.

Wyświetlanie kluczowych wskaźników

Do wyświetlania kluczowych wskaźników wydajności i innych danych można użyć karty Statystyka sumaryczna. Statystyki sumaryczne są generowane z zapytań dotyczących zestawów danych i automatycznie aktualizowane po zaktualizowaniu zestawu danych. Statystykę sumaryczną mogą wyświetlać tylko użytkownicy, którym została ona udostępniona.

  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 i wybierz zestaw 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 wybranego zestawu danych.
  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. Do statystyki można także dodać filtr, wybierając atrybut z menu rozwijanego Wybierz atrybut.
    1. Wybierz atrybut, który będzie używany do filtrowania.
    2. Kliknij przycisk 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.
  7. Wpisz tytuł w polu tekstowym Tytuł.
  8. Opcjonalnie wprowadź tekst w opcji Tekst końcowy, aby udostępnić łącze do zestawu danych statystycznych, i zmień ustawienie Kolor wiodący dla tekstu.

    Wskazówka:
    Jeśli wybrana zostanie opcja wyświetlania tekstu końcowego, należy zadbać o to, aby kolor tekstu kontrastował z kolorem tła wiersza.

  9. Ustawienie opcji Limit czasu połączenia z serwerem (sekundy) na wyższą wartość (w przypadku dużych usług) da usłudze więcej czasu na odpowiedź.
  10. Kliknij przycisk Zapisz.

Dostosowywanie wyglądu statystyki

Wygląd wskaźników można dostosować przy użyciu karty Statystyka sumaryczna.

  1. Po skonfigurowaniu karty Statystyka sumaryczna kliknij menu Wygląd w obszarze Ustawienia statystyki na panelu bocznym.
  2. Opcjonalnie można wstawić Tytuł statystyki. Za pomocą tej opcji można wyraźnie określić, czego dotyczą miary statystyczne.
  3. Dodaj tekst w polu Tekst końcowy, aby udostępnić dodatkowe informacje na temat statystyki, np. istotne szczegóły dotyczące jej źródła lub konfiguracji.
  4. Skorygowanie ustawienia Kolor wiodący zmienia tylko kolor miernika. Wybierz kolor, który wyraźnie kontrastuje z kolorem tła wiersza.

Diagramy słupkowe

Użyj karty Diagram i utwórz diagram słupkowy, aby podsumować i porównać dane dotyczące określonych kategorii.

  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 opcję 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 miernik wartości dla atrybutu kategorii. Po dokonaniu wyboru domyślną operacją statystyczną dla tego pola jest Suma. Można zmienić ustawienie Operacja statystyczna za pomocą rozwijanego menu znajdującego 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 przycisk sortowania znajdujący się obok niego, aby wyświetlić 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.
  9. Ustawienie opcji Limit czasu połączenia z serwerem (sekundy) na wyższą wartość (w przypadku dużych usług) da usłudze więcej czasu na odpowiedź.
  10. Kliknij przycisk Zapisz.

Diagramy kołowe

Użyj karty Diagram i utwórz diagram kołowy, aby zilustrować, jak poszczególne części odnoszą się do całego zestawu. Diagram kołowy należy stosować, gdy w danych jest tylko kilka kategorii.

  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 opcję 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 miernik 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 przycisk sortowania znajdujący się obok niego, aby wyświetlić 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.
    • W polu Etykieta kategorii skonfiguruj tekst etykiety wyświetlanej w podpowiedzi dla każdego wycinka koła, a w polu Etykieta wartości tekst etykiety miernika w dymku informacyjnym narzędzia.
  9. Ustawienie opcji Limit czasu połączenia z serwerem (sekundy) na wyższą wartość (w przypadku dużych usług) da usłudze więcej czasu na odpowiedź.
  10. Kliknij przycisk Zapisz.

Diagramy liniowe

Użyj karty Diagram i utwórz diagram liniowy, aby zwizualizować zmiany w ciągłym przedziale, np. czasu lub odległości.

  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 opcję 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 miernik 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 przycisk sortowania znajdujący się obok niego, aby wyświetlić 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.
    • W polu Etykieta kategorii skonfiguruj tekst etykiety wyświetlanej w podpowiedzi dla każdego punktu, a w polu Etykieta wartości tekst etykiety miernika w dymku informacyjnym narzędzia.
  9. Ustawienie opcji Limit czasu połączenia z serwerem (sekundy) na wyższą wartość (w przypadku dużych usług) da usłudze więcej czasu na odpowiedź.
  10. Kliknij przycisk Zapisz.

Diagramy punktowe

Użyj karty Diagram i utwórz diagram punktowy, aby pokazać relację między dwiema zmiennymi liczbowymi. Wyświetl jedną zmienną na osi x, a drugą zmienną na osi y.

  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 opcję 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 miernik 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 przycisk sortowania znajdujący się obok niego, aby wyświetlić 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 wartości Etykieta osi X i Etykieta osi Y do wyświetlania na diagramie.
  9. Ustawienie opcji Limit czasu połączenia z serwerem (sekundy) na wyższą wartość (w przypadku dużych usług) da usłudze więcej czasu na odpowiedź.
  10. Kliknij przycisk Zapisz.

Diagramy JSON

Użyj opcji Diagram i utwórz diagram niestandardowy 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ć następujące ustawienia: Tytuł diagramu i Wysokość (w pikselach).
  6. Ustawienie opcji Limit czasu połączenia z serwerem (sekundy) na wyższą wartość (w przypadku dużych usług) da usłudze więcej czasu na odpowiedź.
  7. Kliknij przycisk Zapisz.

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ąpienia 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ład diagramu słupkowego

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

Przykład poziomego diagramu słupkowego

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

Przykład zgrupowanego diagramu słupkowego

Notatka:
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"
    }
  ]
}

Przykład diagramu punktowego

{
  "type": "scatter",
  "datasets": [ {
    "url": "https://services1.arcgis.com/bqfNVPUK3HOnCFmA/arcgis/rest/services/Demographics_(Median_Household_Income)/FeatureServer/0"
  }],
  "series": [
    {
      "category": {"field": "TotalPop2015", "label": "Population"},
      "value": {"field": "MedianHHIncome2015", "label": "Median Median Household Income"}
    }
  ]
}

Przykład diagramu bąbelkowego punktowego

{
  "type": "scatter",
  "datasets": [
    {
      "url":"https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0"
    }
  ],
  "series": [
    {
        "category": {"field": "Number_of", "label": "Number of Teachers"},
        "value": {"field": "F_of_teach", "label": "Fraction of Teachers"},
        "size": {"field": "Not_Taught", "label": "Number not Taught"}
      }
  ]
}

Przykład diagramu osi czasu

Notatka:
Kategoria musi być polem typu data/czas (datetime).

 {
  "type": "timeline",
  "datasets": [
    {
      "url": "https://services.arcgis.com/bkrWlSKcjUDFDtgw/arcgis/rest/services/DC_Crashes/FeatureServer/0",
      "query": {
        "where": "REPORTDATE > '2008-10-01' AND REPORTDATE < '2008-11-01'",
        "orderByFields": "REPORTDATE ASC",
        "sqlFormat": "standard"
      }
    }
  ],
  "series": [
    {
      "category": {
        "field": "REPORTDATE",
        "label": "Date"
      },
      "value": {
        "field": "MAJORINJURIES",
        "label": "Major Injuries"
      }
    }
  ]
}