차트 개요

Earth Engine JavaScript 코드 편집기는 ui.Chart 함수를 통한 편리한 표 형식의 데이터 시각화를 위해 Google 차트와 원활하게 통합됩니다. 차트는 코드 편집기 콘솔, ui.Panel 위젯, 독립형 브라우저 탭에 대화형으로 표시할 수 있습니다.

차트 DataTable개

Earth Engine은 Google Visualization API를 사용하여 차트를 지원합니다. API는 행이 관측치이고 열이 관측 속성인 2차원 테이블인 DataTable를 수락합니다. 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);

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에 요소가 더 있는 경우 데이터를 제한하는 방법을 고려하세요. 주기가 긴 시계열이 있는 경우 더 짧은 기간, 시간 샘플링을 사용하거나 시간 컴포지트를 생성해 보세요. 공간적 문제인 경우 무작위 하위 집합을 사용해 보세요. 목록이나 배열에서 픽셀을 사용하는 경우 약간 더 큰 배율이나 더 작은 영역을 사용해 보세요.

코드 편집기의 대화형 응답 제한으로 인해 장기 실행 계산으로 차트를 생성하지 못할 수 있습니다. 차트 요청 시간이 초과되면 분석의 중간 단계를 내보내고 내보낸 애셋에서 차트를 다시 생성해 보세요.