Обзор диаграммы

Редактор кода JavaScript Earth Engine легко интегрируется с Google Charts для удобной визуализации табличных данных с помощью функций ui.Chart . Диаграммы могут отображаться в интерактивном режиме в консоли редактора кода, виджетах ui.Panel и в отдельных вкладках браузера.

Табличные диаграммы DataTable

Earth Engine использует API визуализации Google для поддержки диаграмм. API принимает DataTable , который представляет собой двумерную таблицу, в которой строки — это наблюдения, а столбцы — атрибуты наблюдения. Все диаграммы в Earth Engine получены из DataTable ; Виджет ui.Chart позволяет напрямую предоставлять DataTable . Он предоставляет широчайшие возможности для настройки диаграмм, но может быть менее удобным, чем методы построения карт конкретных объектов Earth Engine (см. следующий раздел). Узнайте больше о создании диаграмм из DataTable :

Диаграммы объектов Earth Engine

Виджет ui.Chart предоставляет вспомогательные методы для создания DataTable и отображения диаграмм из объектов Image , ImageCollection Feature , FeatureCollection , Array и List . Каждая функция принимает определенный тип данных и включает методы преобразования данных в табличный формат в различных формах, которые диктуют присвоение данных сериям и осям диаграммы.

Посетите следующие ссылки, чтобы узнать, как создать диаграмму для каждого типа данных:

Типы диаграмм

Могут быть созданы различные типы диаграмм; например: разброс, линия, полоса, круговая диаграмма и гистограмма. В частности, можно создать любой тип диаграммы, доступный в основном пакете диаграмм Google Charts. Используйте метод ui.Chart.setChartType() чтобы установить тип диаграммы. Каждая страница, на которую есть ссылка в разделах объектных диаграмм Earth Engine и диаграмм DataTable содержит примеры создания нескольких типов диаграмм.

Используйте следующие строки в качестве входных данных для метода ui.Chart.setChartType() :

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

Вот пример:

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

Показать и скачать

Виджеты ui.Chart можно отображать тремя способами:

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);
  • В отдельной вкладке браузера; щелкните всплывающий значок ( ) в правом верхнем углу отображаемого виджета ui.Chart . Новая страница обеспечивает полноэкранное отображение и возможность загрузки диаграммы в виде изображения (PNG или SVG) или CSV-файла с базовыми данными.

Интерактивность

По умолчанию диаграммы интерактивны. Наведите указатель мыши на точки, линии, столбцы и т. д., чтобы просмотреть соответствующие значения x, y и рядов. Масштабирование и панорамирование осей можно дополнительно разрешить , активировав функцию «Проводника» диаграммы .

Стиль

Диаграммы Google легко настраиваются с помощью свойств стиля. Используйте метод ui.Chart.setOptions() для установки свойств стиля диаграммы. Подробную информацию см. в руководстве по стилю диаграммы .

Ограничения

Функции ui.Chart будут отображать только 5000 объектов. Если в вашей FeatureCollection , ImageCollection , Array или List больше элементов, рассмотрите способы ограничения данных. Если у вас длинные временные ряды с высокой частотой кадров, попробуйте использовать более короткий период времени, временную выборку или создать временные композиты. Если проблема пространственная, попробуйте использовать случайное подмножество. Если вы работаете с пикселями в списке или массиве, попробуйте использовать немного больший масштаб или меньшую область.

Длительные вычисления могут не создать диаграмму из-за ограничений интерактивного ответа редактора кода. Если время запроса диаграммы истекло, попробуйте экспортировать промежуточные этапы анализа и заново создать диаграмму из экспортированных ресурсов.