[{"id":"95caf1c9-ae91-4f54-b77c-fe135dea7e4a","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"0e8c9020-034a-45be-991e-37188b39617b","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"75c9ea99-cd27-4e93-ba23-1a432ed2b12f","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"1c11391d-eee8-4d4d-bb79-568bbb017981","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"a7dd7d88-788d-4640-80a8-d5308b2629eb","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"43797034-f596-4394-b1d0-33bc526cfba3","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"ab34db23-548a-41c6-b58b-517b1187b49c","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"bb600617-59cf-49b3-a718-9c4372065955","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"c37d9457-4cf0-43c1-a77f-ccf2baa9920a","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"4f511fcc-370e-4f45-8ff9-9df6b7d41faf","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"34a7a849-27bc-4bbf-8790-b6fcef7c9247","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"67b2b95f-f683-4673-9e3f-044c49b2a7f3","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"6f75d947-a185-4b2e-b2ac-59ce51a75059","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"7846cdd1-836b-4043-9f80-8fd82a66c747","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"615b3ec7-a7af-4163-9d5d-92d540416ce8","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"acab1450-345b-4d79-a421-187baa24391b","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]}]
데이터를 나타내는 열, 막대 또는 선과 같은 기하학적 모양 외에도 플롯에는 데이터에 대한 메타 정보를 나타내는 '오버레이'라는 추가 항목이 포함될 수 있습니다. 대표적인 예시는 아래 그림과 같이 데이터의 선형 회귀를 보여주는 '추세선'입니다.
플롯을 선택하고 속성 관리자에서 '오버레이' 컬렉션을 편집하여 오버레이를 추가할 수 있습니다.
모든 오버레이에는 다음과 같은 공통 속성이 있습니다.
이름
– 오버레이의 이름
유형
– 오버레이 유형
표시
– Front
값은 오버레이가 플롯의 앞면에 표시됨을 나타내고, Back
값은 오버레이가 플롯의 뒷면에 표시됨을 나타냅니다.
ActiveReportsJS 차트는 아래에서 자세히 설명하는 여러 오버레이 유형을 지원합니다.
참조선
을 사용하여 주어진 지점에서 데이터 값을 표시할 수 있습니다. 아래 차트는 각 판매 채널의 평균 판매 금액에 해당하는 값에서 y축에 참조선을 가집니다.
참조선
오버레이는 다음과 같은 특정 속성을 표시합니다.
선 스타일은 참조선의 모양을 설정합니다.
Axis
속성은 참조선이 연결된 축을 지정합니다.
값
속성은 선택한 축의 참조선 값을 지정합니다. 정적 값에 사용할 수 있습니다.
필드
속성은 참조선이 연결된 선택된 축의 데이터 값
을 지정합니다.
집계 유형(Aggregation Type)
속성은 필드
에 적용되는 집계 유형을 지정하여 참조선의 값을 계산합니다.
범례 표시
속성은 범례에 표시되고 참조선과 연결된 텍스트를 지정합니다.
세부 단계
속성은 참조선이 플롯당 한 번(Total
) 또는 detail encoding
인스턴스(Group
)당 한 번 표시되는지 여부를 지정합니다.
ReferenceBand
를 사용하여 주어진 포인트 사이의 데이터 값 범위를 표시할 수 있습니다. ReferenceBand
오버레이는 다음과 같은 특정 속성을 노출합니다.
선 스타일 및 배경 색상
은 모양을 설정합니다.
Axis
속성은 참조 밴드가 연결된 축을 지정합니다.
시작
및 종료
속성은 선택한 축에서 참조 밴드의 시작 및 종료 값을 지정합니다. 정적 값에 사용할 수 있습니다.
선형 추세선
을 사용하여 데이터 값
이 일정한 속도로 증가하거나 감소하는 방법을 보여주는 최적의 직선을 표시할 수 있습니다. 아래 차트에는 3년 연속 판매액의 추세를 보여주는 선형 추세선이 있습니다.
선형 추세선
오버레이는 다음과 같은 특정 속성을 표시합니다.
선 스타일은 추세선의 모양을 설정합니다.
Intercept
속성은 추세선이 'Y' 축과 교차해야 하는 지점을 지정합니다. 정적 값에 사용할 수 있습니다.
Forward Forecast
및 Backward Forecast
속성은 각각 마지막 및 첫 번째 데이터 값
을 기준으로 추세선이 앞뒤로 확장되는 데이터 포인트의 수를 지정합니다.
필드
속성은 추세선이 연결된 데이터 값
을 지정합니다.
범례 표시
속성은 범례에 표시되고 추세선과 연결된 텍스트를 지정합니다.
세부 단계
속성은 추세선이 플롯당 한 번(Total
) 또는 detail encoding
인스턴스(Group
)당 한 번 표시되는지 여부를 지정합니다.
지수 추세선
을 사용하여 데이터 값
이 증가하거나 감소한 다음 평준화되는 방식을 보여주는 최적의 지수 곡선을 표시할 수 있습니다. 이 추세선은 0보다 큰 데이터 값에만 사용할 수 있습니다. 지수 추세선
오버레이는 선형 추세선
오버레이와 동일한 속성을 노출합니다.
거듭제곱 추세선
을 사용하여 특정 비율로 증가하는 측정 값을 비교하기 위해 최적 곡선을 표시할 수 있습니다. 이 추세선은 0보다 큰 데이터 값에만 사용할 수 있습니다. 거듭제곱 추세선
오버레이는 Intercept
속성을 제외하고 선형 추세선
오버레이와 동일한 속성을 노출합니다.
로그 추세선
을 사용하여 데이터 값
이 증가/감소한 다음 어떻게 평준화되는지 보여주는 최적의 지수 곡선을 표시할 수 있습니다. 로그 추세선
오버레이는 Intercept
속성을 제외하고 선형 추세선
오버레이와 동일한 속성을 노출합니다.
다항식 추세선
을 사용하여 데이터 값
의 변동을 보여주는 최적 곡선을 표시할 수 있습니다. 아래 차트에는 월별 매출 추세를 보여주는 다항식 추세선이 있습니다.
다항식 추세선
오버레이는 선형 추세선
오버레이와 동일한 속성을 노출합니다. 2
부터 6
까지 유효한 값을 갖는 Order
속성은 다항식 추세선을 정의하는 방정식의 차수를 나타냅니다.
푸리에 급수 추세선
을 사용하여 데이터 값
의 변동을 보여주는 최적의 푸리에 급수 선을 표시할 수 있습니다. 푸리에 급수 추세선
오버레이는 선형 추세선
오버레이와 동일한 속성을 노출합니다. 2
부터 6
까지 유효한 값을 갖는 Order
속성은 푸리에 급수 추세선을 정의하는 방정식의 차수를 나타냅니다.
이동 평균 추세선
을 사용하여 데이터 값
의 변동을 완화하는 선을 표시하여 패턴이나 추세를 더 명확하게 표시할 수 있습니다.
ActiveReportsJS는 다음과 같은 이동 평균 추세선 유형을 지원합니다.
연간 총 이동 평균 – 추세선은 이전 N
데이터 포인트의 합계인 데이터 포인트로 구성됩니다. N
값은 Period
속성에 의해 지정됩니다.
이동 평균 추세선
오버레이는 다음과 같은 속성들을 보여줍니다.
선 스타일은 추세선의 모양을 설정합니다.
필드
속성은 추세선이 연결된 데이터 값
을 지정합니다.
범례 표시
속성은 범례에 표시되고 추세선과 연결된 텍스트를 지정합니다.
세부 단계
속성은 추세선이 플롯당 한 번(Total
) 또는 detail encoding
인스턴스(Group
)당 한 번 표시되는지 여부를 지정합니다.
2
부터 데이터 값의 양까지 유효한 값을 갖는 Period
속성은 이동 평균을 계산하는 데 사용되는 데이터 포인트의 수를 나타냅니다.
아래 차트에서는 Period
= 2인 단순 이동 평균 추세선이 있으며 월별 매출 추세를 보여줍니다.
카카오톡 채널 추가를 통해 GrapeCity의 최신 정보를 빠르게 받아 보세요!