Tổng quan về biểu đồ

Trình chỉnh sửa mã JavaScript của Earth Engine tích hợp liền mạch với Google Charts để trực quan hoá dữ liệu dạng bảng một cách thuận tiện thông qua các hàm ui.Chart. Bạn có thể hiển thị biểu đồ một cách tương tác trong bảng điều khiển của Trình soạn thảo mã, tiện ích ui.Panel và trong các thẻ trình duyệt độc lập.

DataTable biểu đồ

Earth Engine sử dụng API Google Visualization để hỗ trợ lập biểu đồ. API chấp nhận DataTable, đây là một bảng 2 chiều, trong đó các hàng là các quan sát và các cột là các thuộc tính quan sát. Tất cả biểu đồ trong Earth Engine đều bắt nguồn từ DataTable; tiện ích ui.Chart cho phép bạn cung cấp trực tiếp DataTable. Phương thức này mang lại cơ hội lớn nhất để tuỳ chỉnh biểu đồ, nhưng có thể không thuận tiện bằng các phương thức lập biểu đồ cho các đối tượng Earth Engine cụ thể (xem phần sau). Tìm hiểu thêm về cách tạo biểu đồ từ DataTable:

Biểu đồ đối tượng Earth Engine

Tiện ích ui.Chart cung cấp các phương thức trợ giúp để tạo DataTable và kết xuất biểu đồ từ các đối tượng Image, ImageCollection Feature, FeatureCollection, Array và List. Mỗi hàm chấp nhận một loại dữ liệu cụ thể và bao gồm các phương thức để giảm dữ liệu xuống định dạng bảng trong nhiều cách sắp xếp, cho biết việc chỉ định dữ liệu cho các chuỗi và trục biểu đồ.

Hãy truy cập vào các đường liên kết sau để tìm hiểu cách tạo biểu đồ cho từng loại dữ liệu:

Loại biểu đồ

Bạn có thể tạo nhiều loại biểu đồ, chẳng hạn như: biểu đồ tán xạ, biểu đồ dạng đường, biểu đồ thanh, biểu đồ hình tròn và biểu đồ tần suất. Cụ thể, bạn có thể tạo bất kỳ loại biểu đồ nào có trong gói corechart của Google Charts. Sử dụng phương thức ui.Chart.setChartType() để đặt loại biểu đồ. Mỗi trang được liên kết trong phần biểu đồ đối tượng Earth Engine và biểu đồ DataTable đều có ví dụ về cách tạo một số loại biểu đồ.

Sử dụng các chuỗi sau làm dữ liệu đầu vào cho phương thức ui.Chart.setChartType():

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

Dưới đây là ví dụ:

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

Hiển thị và tải xuống

Bạn có thể hiển thị tiện ích ui.Chart theo 3 cách:

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);
  • Trong một thẻ trình duyệt riêng biệt; hãy nhấp vào biểu tượng bật lên () ở góc trên bên phải của tiện ích ui.Chart hiển thị. Trang mới cung cấp chế độ hiển thị toàn cửa sổ và các tuỳ chọn để tải biểu đồ xuống dưới dạng đồ hoạ (PNG hoặc SVG) hoặc tệp CSV của dữ liệu cơ bản.

Tương tác

Biểu đồ có tính tương tác theo mặc định. Di chuột qua các điểm, đường, thanh, v.v. để xem giá trị x, y và chuỗi tương ứng. Bạn có thể kích hoạt chức năng "trình khám phá" của biểu đồ để cho phép thu phóng và kéo theo trục.

Định kiểu

Bạn có thể tuỳ chỉnh Google Biểu đồ theo ý muốn thông qua các thuộc tính kiểu. Sử dụng phương thức ui.Chart.setOptions() để đặt thuộc tính kiểu biểu đồ. Hãy xem hướng dẫn Kiểu biểu đồ để biết toàn bộ thông tin chi tiết.

Các điểm hạn chế

Hàm ui.Chart sẽ chỉ hiển thị 5.000 đối tượng. Nếu FeatureCollection, ImageCollection, Array hoặc List có nhiều phần tử hơn, hãy cân nhắc các cách bạn có thể giới hạn dữ liệu. Nếu bạn có một chuỗi thời gian dài với nhịp độ cao, hãy thử sử dụng khoảng thời gian ngắn hơn, lấy mẫu theo thời gian hoặc tạo các thành phần kết hợp theo thời gian. Nếu vấn đề là về không gian, hãy thử sử dụng một tập hợp con ngẫu nhiên. Nếu bạn đang làm việc với các pixel trong danh sách hoặc mảng, hãy thử sử dụng tỷ lệ lớn hơn một chút hoặc vùng nhỏ hơn.

Các phép tính chạy trong thời gian dài có thể không tạo được biểu đồ do các giới hạn phản hồi tương tác của Trình soạn thảo mã. Nếu yêu cầu biểu đồ của bạn hết thời gian chờ, hãy thử xuất các bước trung gian của quá trình phân tích và tạo lại biểu đồ từ các thành phần đã xuất.