기타 데이터를 시각화하도록 웹 차트 보고서를 만드는 방법
페이지 정보
작성자 GrapeCity 작성일 2022-12-16 09:54 조회 390회 댓글 0건본문
관련링크
웹 보고서의 주요 기능은 데이터를 이해하기 쉽게 만드는 것입니다. 보고서 작성자는 보고서 독자가 데이터 자체를 보는 것으로는 인식하기 어려운 패턴과 관계를 볼 수 있도록 돕고 싶어 합니다. 차트를 사용하는 것은 이 목표를 달성하기에 매우 좋은 방법입니다. 하지만 추가적인 과제가 있습니다. 차트 유형은 다양하고 많으며 가능한 한 가장 효과적인 방법으로 데이터를 표시하도록 선택할 유형을 항상 즉각적으로 알 수는 없습니다.
예를 들어, ActiveReportsJS는 10개가 넘는 차트 유형을 지원하며 각각에는 최대 4개의 하위 유형이 포함되어 있습니다. 이 문서에서는 원하는 결과의 다양한 특성을 기반으로 사용할 차트 유형을 결정할 수 있도록 지침을 제공합니다.
시각화 범주
결정할 첫 번째 항목은 차트가 보고서 독자에게 보여주기 위해 목표로 하는 데이터에 관한 것입니다. 선택할 수 있는 주요 범주에는 여러 가지가 있습니다.
- 관계 - 둘 이상의 데이터 값 사이의 관계입니다. 예를 들어, 차트는 기상 상태(기온 등)와 아이스크림 판매 사이의 관계를 표시할 수 있습니다. 이러한 차트를 살펴보고 보고서 독자는 데이터 값 사이의 상관관계, 이 상관관계의 특징 등이 있는지를 빠르게 알 수 있습니다.
- 컴퍼지션 - 컴퍼지션은 전체 중 부분의 크기를 서로 비교하는 방법을 보여줍니다. 컴퍼지션은 정적이거나 시간이 지남에 따라 변경될 수 있습니다. 예를 들어 차트는 1년에 걸쳐 캘리포니아와 알래스카에서의 아이스크림 판매량을 표시할 수 있습니다.
- 비교 - 비교는 데이터 값을 서로 비교하는 방법을 보여줍니다. 컴퍼지션과 유사하지만, 비교는 전체 중 부분이 아닌 데이터 값에 적용할 수 있습니다. 예를 들어 차트는 캘리포니아와 알래스카에서 1년 중 매달의 평균 기온을 표시할 수 있습니다.
다음으로 이러한 범주를 자세히 살펴보고 다양한 시나리오에서 사용할 특정 차트 유형을 제안해보겠습니다.
관계의 시각화
분산형 차트를 사용하여 두 데이터 값 사이의 관계를 시각화할 수 있습니다. 예를 들어 다음 차트는 1인당 GDP 및 기대 수명 사이의 관계를 표시합니다.
이러한 두 개의 데이터 값 사이의 긍정적인 상관관계를 확인하는 것은 쉽습니다.
거품형 도표를 통해 세 번째 변수를 인코딩하도록 분산형 도표의 항목 크기를 사용하여 세 개의 변수 사이의 관계를 표시할 수 있습니다.
또한 데이터 값에 대한 비수치적 정보는 다음 예제에서처럼 항목의 색상을 통해 인코딩할 수 있습니다.
컴퍼지션의 시각화
원형 또는 도넛형 차트를 사용하여 다음 예제에서처럼 “정적” 컴퍼지션을 시각화할 수 있습니다.
하지만 시간이 지남에 따라 컴퍼지션이 변경되는 방법 또는 다양한 범주에 대한 다양한 컴퍼지션을 보여주고자 하는 경우 고려해야 할 몇 가지 요소가 있습니다.
표시할 기간이나 범주가 많지 않다면 세로 막대형 또는 막대형 차트를 사용할 수 있습니다.
다음 예제에서 누적 세로 막대형 차트는 제품 범주 판매의 컴퍼지션이 판매 채널에 따라 어떻게 달라지는지 보여줍니다.
하지만 컴퍼지션 부분 사이의 상대적 차이만 중요하다면 백분율 표시 누적 세로 막대형 또는 세로 막대형 차트를 사용할 수 있습니다.
표시할 기간이나 범주가 많이 있다면 절대적 및 상대적 차이가 모두 중요한 경우 누적 영역형 차트를 사용할 수 있습니다.
또는 상대적 차이만 중요한 경우 백분율 표시 누적 영역형 차트를 사용할 수 있습니다.
비교의 시각화
꺾은선형 도표는 시간이 지남에 따른 데이터 비교와 여러 카테고리에서의 데이터 비교도 시각화하는 데 적합합니다. 예를 들어 아래 차트는 두 개의 판매 채널에 대해 시간이 지남에 따른 판매량 비교를 보여줍니다.
기타 차트 유형
이 문서에서는 가장 자주 사용된 차트 유형에 대해 설명했습니다. ActiveReportsJS는 다양한 시각화에 대해 더욱 많은 유형을 지원합니다.
- 가격 변동을 시각화하는 재무 차트
- “일반” 꺾은선형, 영역 및 분산형 도표의 대안인 선 방사형, 영역 방사형 및 방사 분산형
- 이 문서에 설명된 “일반” 세로 막대형 및 막대형 차트의 대안인 나선형 및 극좌표형 차트.
지금 바로 ActiveReportsJS를 다운로드하여 직접 테스트해보세요!
댓글목록
등록된 댓글이 없습니다.