Omówienie wykresu

Edytor kodu JavaScript w Earth Engine płynnie integruje się z Google Charts, co umożliwia wygodną wizualizację danych tabelarycznych za pomocą funkcji ui.Chart. Wykresy można wyświetlać interaktywnie w konsoli Edytora kodu, widgetach ui.Paneloraz na oddzielnych kartach przeglądarki.

Wykresy: DataTable

Earth Engine używa interfejsu Google Visualization API do obsługi wykresów. Interfejs API akceptuje dane DataTable, czyli dwuwymiarową tabelę, w której wiersze to obserwacje, a kolumny to atrybuty obserwacji. Wszystkie wykresy w Earth Engine są tworzone na podstawie DataTable; widget ui.Chart umożliwia bezpośrednie podanie DataTable. Zapewnia ona największe możliwości dostosowywania wykresów, ale może być mniej wygodna niż metody służące do wyświetlania konkretnych obiektów Earth Engine (patrz następna sekcja). Dowiedz się więcej o tworzeniu wykresów z DataTable:

Wykresy obiektów Earth Engine

Widżet ui.Chart udostępnia metody pomocnicze do tworzenia DataTable i renderowania wykresów na podstawie obiektów Image, ImageCollection, Feature, FeatureCollection, Array i List. Każda funkcja przyjmuje określony typ danych i zawiera metody na przekształcanie danych do formatu tabeli w różnych układach, które określają przypisywanie danych do serii i osi wykresu.

Aby dowiedzieć się, jak wygenerować wykres dla poszczególnych typów danych, kliknij te linki:

Typy wykresów

Możesz tworzyć różne typy wykresów, np. punktowe, liniowe, słupkowe, kołowe i histogramy. Można generować dowolny typ wykresu dostępny w pakiecie corechart w Google Charts. Aby ustawić typ wykresu, użyj metody ui.Chart.setChartType(). Każda strona połączona z sekcjami wykresów obiektów Earth Engine i wykresów DataTable zawiera przykłady generowania kilku typów wykresów.

Jako dane wejściowe do metody ui.Chart.setChartType() użyj tych ciągów znaków:

'ScatterChart'
'LineChart'
'ColumnChart'
'BarChart'
'PieChart'
'AreaChart'

Oto przykład:

var data = ee.List([0, 1, 2, 3, 4, 5]);
var chart = ui.Chart.array.values(data, 0, data)
  .setChartType('ColumnChart');
print(chart);

Wyświetlanie i pobieranie

ui.Chartwidżety mogą być wyświetlane na 3 sposoby:

var data = ee.List([0, 1, 2, 3, 4, 5]);
var chart = ui.Chart.array.values(data, 0, data);
print(chart);

var data = ee.List([0, 1, 2, 3, 4, 5]);
var chart = ui.Chart.array.values(data, 0, data);
var chartPanel = ui.Panel(chart);
Map.add(chartPanel);
  • W osobnej karcie przeglądarki kliknij ikonę wydzielania okienka () w prawym górnym rogu wyświetlonego widżetu ui.Chart. Nowa strona wyświetla wykres na pełnym ekranie oraz opcje pobierania wykresu w postaci grafiki (PNG lub SVG) lub pliku CSV z danymi źródłowymi.

Interaktywność

Wykresy są domyślnie interaktywne. Najedź kursorem na punkty, linie, paski itp., aby zobaczyć odpowiednie wartości X, Y i serii. Powiększenie i przesuwanie osi są opcjonalnie dostępne po aktywowaniu funkcji „eksploratora” wykresu.

Styl

Wykresy Google mają wiele opcji dostosowywania za pomocą właściwości stylizacji. Aby ustawić właściwości stylu wykresu, użyj metody ui.Chart.setOptions(). Szczegółowe informacje znajdziesz w przewodniku Stylizacja wykresów.

Ograniczenia

Funkcje ui.Chart renderują tylko 5000 cech. Jeśli element FeatureCollection, ImageCollection, Array lub List zawiera więcej elementów, zastanów się, jak ograniczyć ilość danych. Jeśli masz długie linie czasowe o wysokiej częstotliwości, spróbuj użyć krótszego okresu czasu, próbkowania czasowego lub wygenerować kompozycje czasowe. Jeśli problem dotyczy przestrzeni, spróbuj użyć losowego podzbioru. Jeśli pracujesz z pikselami na liście lub w tablicy, spróbuj użyć nieco większej skali lub mniejszego obszaru.

Długotrwałe obliczenia mogą nie generować wykresu z powodu limitów odpowiedzi interakcji w Edytorze kodu. Jeśli żądanie wykresu przekroczy limit czasu, spróbuj wyeksportować pośrednie etapy analizy i wygenerować wykres na podstawie wyeksportowanych komponentów.