Earth Engine JavaScript 程式碼編輯器可與 Google 圖表順暢整合，透過 ui.Chart 函式輕鬆呈現表格資料。您可以在程式碼編輯器控制台、ui.Panel 小工具和獨立瀏覽器分頁中，以互動方式顯示圖表。
DataTable 個圖表
Earth Engine 會使用 Google Visualization API 支援圖表功能。API 會接受 DataTable，這是一個 2D 表格，其中列為觀察值，欄為觀察屬性。Earth Engine 中的所有圖表都源自 DataTable；ui.Chart 小工具可讓您直接提供 DataTable。這項方法可提供最彈性的圖表自訂選項，但不如針對特定 Earth Engine 物件繪製圖表的做法方便 (請參閱下一個部分)。進一步瞭解如何從 DataTable 建立圖表：
Earth Engine 物件圖表
ui.Chart 小工具提供輔助方法，可用於建構 DataTable，並從 Image、ImageCollection Feature、FeatureCollection、Array 和 List 物件算繪圖表。每個函式都會接受特定資料類型，並包含各種排列方式的資料轉換方法，以便將資料指派給圖表序列和軸。
請參閱下列連結，瞭解如何為每種資料類型產生圖表：
圖表類型
您可以產生各種圖表類型，例如散布圖、折線圖、長條圖、圓餅圖和直方圖。具體來說，您可以產生 Google 圖表 corechart 套件中提供的任何圖表類型。請使用 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);
- 在
ui.Panel小工具中
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 函式只會轉譯 5,000 個地圖項目。如果 FeatureCollection、ImageCollection、Array 或 List 有更多元素，請考慮如何限制資料。如果您有長時間序列，且頻率很高，請嘗試使用較短的時間間隔、時間取樣，或產生時間組合。如果問題是空間相關，請嘗試使用隨機子集。如果您在清單或陣列中使用像素，請嘗試使用稍大一點的比例或較小的區域。
由於程式碼編輯器的互動回應限制，長時間運算可能無法產生圖表。如果圖表要求逾時，請嘗試匯出分析的中間步驟，然後從匯出的素材資源重新產生圖表。