Ringkasan Diagram

Editor Kode JavaScript Earth Engine terintegrasi dengan lancar dengan Google Charts untuk visualisasi data tabel yang praktis melalui fungsi ui.Chart. Diagram dapat ditampilkan secara interaktif di konsol Code Editor, widget ui.Panel, dan di tab browser mandiri.

DataTable diagram

Earth Engine menggunakan Google Visualization API untuk mendukung pembuatan diagram. API menerima DataTable, yang merupakan tabel 2-D dengan baris adalah pengamatan dan kolom adalah atribut pengamatan. Semua diagram di Earth Engine berasal dari DataTable; widget ui.Chart memungkinkan Anda menyediakan DataTable secara langsung. Metode ini memberikan peluang terbesar untuk penyesuaian diagram, tetapi mungkin kurang praktis daripada metode untuk memetakan objek Earth Engine tertentu (lihat bagian berikut). Pelajari lebih lanjut cara membuat diagram dari DataTable:

Diagram objek Earth Engine

Widget ui.Chart menyediakan metode helper untuk membuat DataTable dan merender diagram dari objek Image, ImageCollection Feature, FeatureCollection, Array, dan List. Setiap fungsi menerima jenis data tertentu dan menyertakan metode untuk mengurangi data ke format tabel dalam berbagai pengaturan yang menentukan penetapan data ke deret dan sumbu diagram.

Buka link berikut untuk mempelajari cara membuat diagram untuk setiap jenis data:

Jenis diagram

Berbagai jenis diagram dapat dihasilkan; misalnya: sebar, garis, batang, lingkaran, dan histogram. Secara khusus, jenis diagram apa pun yang tersedia dalam paket corechart Google Diagram dapat dibuat. Gunakan metode ui.Chart.setChartType() untuk menetapkan jenis diagram. Setiap halaman yang ditautkan di bagian diagram objek Earth Engine dan diagram DataTable menyertakan contoh untuk membuat beberapa jenis diagram.

Gunakan string berikut sebagai input ke metode ui.Chart.setChartType():

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

Berikut ini contohnya:

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

Menampilkan dan mendownload

Widget ui.Chart dapat ditampilkan dengan tiga cara:

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);
  • Di tab browser terpisah; klik ikon pop-out () di sudut kanan atas widget ui.Chart yang ditampilkan. Halaman baru ini menyediakan tampilan jendela penuh dan opsi untuk mendownload diagram sebagai grafik (PNG atau SVG) atau file CSV data pokoknya.

Interaktivitas

Diagram bersifat interaktif secara default. Arahkan kursor ke titik, garis, batang, dll. untuk melihat nilai x, y, dan deret masing-masing. Zoom dan geser sumbu secara opsional diizinkan dengan mengaktifkan fungsi "penjelajah" diagram.

Penataan gaya

Google Charts sangat dapat disesuaikan melalui properti gaya visual. Gunakan metode ui.Chart.setOptions() untuk menetapkan properti gaya diagram. Lihat panduan Gaya Diagram untuk mengetahui detail selengkapnya.

Batasan

Fungsi ui.Chart hanya akan merender 5.000 fitur. Jika FeatureCollection, ImageCollection, Array, atau List Anda memiliki lebih banyak elemen, pertimbangkan cara untuk membatasi data. Jika Anda memiliki deret waktu yang panjang dengan tingkat ritme yang tinggi, coba gunakan jangka waktu yang lebih singkat, sampling temporal, atau buat komposit temporal. Jika masalahnya bersifat spasial, coba gunakan subkumpulan acak. Jika Anda menggunakan piksel dalam daftar atau array, coba gunakan skala yang sedikit lebih besar atau region yang lebih kecil.

Komputasi yang berjalan lama dapat gagal menghasilkan diagram karena batas respons interaktif Editor Kode. Jika waktu permintaan diagram habis, coba ekspor langkah-langkah perantara analisis Anda dan buat ulang diagram dari aset yang diekspor.