스토어 위치별 총 매출을 표시하는 열 차트

Add Chart를 클릭합니다.

sample_supplies.sales 데이터 소스 선택합니다.

표시되는 Select Data Source 모달에서 다음을 수행합니다:

1. Project 탭을 클릭합니다.

2. 샘플 데이터 원본이 포함된 배포서버의 이름을 클릭합니다.

3. sample_supplies 데이터베이스를 클릭합니다. 데이터베이스의 데이터 소스가 표시됩니다.

2. sales 데이터 소스에서 Select를 클릭합니다.

차트 유형 선택

Chart Type 드롭다운 메뉴에서 Stacked Column를 선택합니다.

스택 열 차트를 렌더링하기 위해 Atlas Charts는 category 인코딩 채널 필드의 각 고유 값에 대해 막대 또는 열을 만듭니다.

원하는 필드를 적절한 인코딩 채널에 추가합니다.

1. 차트 빌더 보기의 Fields 섹션에 있는 storeLocation 속성을 X Axis 인코딩 채널로 드래그합니다.

   이렇게 하면 데이터 세트의 각 storeLocation 값에 대한 열을 생성하도록 Atlas Charts가 지시합니다.

   참고

   Atlas Charts는 각 필드의 데이터 유형을 추론하고 기호를 제공하여 차트를 작성할 때 이러한 데이터 유형을 쉽게 결정할 수 있습니다. 이러한 기호를 사용하면 각 인코딩 채널 에 적합한 데이터 유형을 사용하여 차트가 예상대로 렌더링되도록 할 수 있습니다. 예를 들어 saleDate 필드 옆에 있는 캘린더 아이콘은 이 필드가 타임스탬프임을 나타냅니다.

2. Fields 섹션에서 items 필드를 클릭하여 items 객체를 확장하고 해당 속성을 봅니다.

3. items.price 필드를 Y Axis 인코딩 채널로 드래그합니다.

   이렇게 하면 Atlas Charts 가 차트의 애그리게이션에 items.price 필드 를 사용하도록 지시집계.

4. Array Reductions 아래의 items 드롭다운에서 Unwind array 를 선택합니다.

   배열 축소는 배열의 요소를 시각화할 수 있도록 배열을 처리하는 방법을 지정합니다. 배열 풀기 옵션은 배열의 각 요소에 대해 새 문서를 생성하므로 각 항목의 가격이 해당 스토어의 합계에 추가됩니다.

5. Aggregate 드롭다운 메뉴에서 sum를 선택합니다.

   $sum 집계 연산자 는 저장 당 모든 품목의 가격을 더하여 차트 를 표시합니다.

차트 제목을 지정합니다.

1. 차트 중앙 위의 차트 제목 위로 마우스를 가져간 다음 연필 아이콘을 클릭합니다.

2. 다음을 차트 제목 입력란에 복사합니다.

   Total Sales ($) by Store Location

3. 확인 표시를 클릭하여 제목을 저장합니다.

   이제 다음과 유사한 차트가 표시됩니다:

   

   

   클릭하여 확대

   가장 많은 수익을 발생시키는 스토어가 Denver 및 Seattle 위치라는 것을 알 수 있습니다.

Save and Close 차트 빌더 뷰의 오른쪽 상단에 있는 를 클릭합니다.

그러면 Super Supply Store Orders 대시보드로 돌아가게 되며 다음과 같이 표시됩니다.

클릭하여 확대