[{"id":"d1ffb4db-74d8-4220-a972-c13d6fa8123b","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"1ea0de02-4d95-4f9a-bd1e-e4f1e58e5146","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"cd911f7e-e532-41c5-b415-fd5a1a83b8d6","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"54a4a5be-ed96-43df-a901-6a53495a4ff7","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"fe055276-b12c-40ab-9569-c2d9ebd4f5b8","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"71be3f0b-8a29-45e8-8d43-4965d3e0897e","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"ea12b649-a786-495c-ad0f-7ef38ce94a9e","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"9582e49d-f693-4f0d-96b3-7f4accc2bb6e","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"a6f863bb-031a-44cc-8a12-fc91219e8c15","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"c5da505a-f378-4333-b85f-2429d057b519","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"7daee9d7-e908-4166-9d62-2ca3e93547fb","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"8659262c-9b4e-4e31-9c6c-b97d1d0e0740","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"966a73cf-5b72-4f4b-8939-e7a06e0863da","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"6c63e26a-a944-4aa9-a190-ecc8ac767287","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"3af6c981-53ee-41ba-8ef7-03efb56a8fff","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"8f1b28f2-c419-43fb-b765-5fde0a36fb08","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"d67bf68e-cb2e-4b6f-9253-68ca0ee46560","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"e23050c1-7dc0-4265-a2d9-eaaf938c2d35","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"c9c6aa74-7d95-41b4-9702-98774683bf0a","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"83a0368a-9a1a-4b31-8081-d2edc554d42f","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"0e562678-2dd4-4972-ab4d-e718f050accb","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"9965a8b8-f6c2-4727-a6d6-4cf12bd5b14f","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"e805fe27-20e5-4468-85b9-078665b18438","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"a1a9a9bc-d0b6-4d18-8abf-5c6f2a7cfa40","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"fdcc0c41-acb5-4465-9b66-7e06200a48c4","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"05d00001-6629-4aea-be2a-ddc570ca6a09","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]}]
데모 도움말 API
Download
(Showing Draft Content)

차트

소개

차트는 보고서 구독자가 기간에 걸친 데이터 변화를 관할하고, 여러 데이터 그룹 또는 전체의 여러 부분을 비교하고, 변수 간 관계를 확인하는 등의 작업을 하도록 도와주는 그래픽 표현입니다.


ActiveReportsJS에서는 다음 차트 유형을 사용하여 데이터 시각화를 디자인할 수 있습니다.

  • 세로 막대형, 누적 세로 막대형 및 백분율 표시 누적 세로 막대형

  • 가로 막대형, 누적 가로 막대형, 백분율 표시 누적 가로 막대형

  • 꺾은선형, 곡선형, 단계별 선형

  • 영역형, 누적 영역형, 백분율 표시 누적 영역형

  • 원형, 도넛형, 원형 막대형

  • 나선형, 누적 나선형, 백분율 표시 누적 나선형

  • 극좌표형, 누적 극좌표형, 백분율 표시 누적 극좌표형

  • 분산형 및 거품형

  • 원통형, 고가-저가-종가, 고가-저가-시가-종가

  • 게이지

차트는 컴퍼지션 및 구성이 보고서 출력에서 차트 모양을 결정하는 여러 가지 선택적 부분으로 구성됩니다. 다음 다이어그램은 일반적인 차트 구조를 보여줍니다.



차트 추가

도구 상자에서 해당 항목을 두 번 클릭하거나 보고서 페이지 영역으로 끌어서 놓아 보고서에 차트를 추가할 수 있습니다. 보고서에 데이터 바인딩이 설정된 경우 차트 마법사가 나타납니다. 새로 추가된 차트를 빠르게 구성할 수 있습니다.

차트 마법사의 첫 번째 페이지에서 시각화할 데이터 집합과 플롯 유형을 선택할 수 있습니다.


ChartWizardFirstPage.623488


차트 마법사의 두 번째 페이지에서 선택한 플롯 유형에 따라 차트 플롯을 구성할 수 있습니다.

각 유형에 대한 구성의 세부 정보는 다음 페이지를 참조하세요.

차트 마법사의 마지막 페이지에서 차트의 색상 팔레트를 선택하고, 차트 출력을 미리 보고, 구성을 완료할 수 있습니다. 또는 고급 사용자 정의 섹션에서 해당 버튼을 클릭하여 플롯 영역, 축 또는 범례와 같은 차트 부분 중 하나를 선택할 수 있습니다. 선택한 부분의 구성이 속성 패널에 나타납니다.


ChartWizardLastPage.423823

차트 디자이너

도구 상자에서 해당 항목을 두 번 클릭하거나 보고서 페이지 영역으로 끌어 놓아 보고서에 차트를 추가할 수 있습니다. 보고서 탐색기를 사용하여 도표, 축 또는 범례와 같은 여러 차트 부분을 구성할 수 있습니다. 탐색기에서 해당하는 노드를 선택하면 수정할 수 있도록 속성 패널에서 노드의 구성이 사용할 수 있게 됩니다.

확장하여 실행 중인 차트 추가 및 보고서 탐색기 사용 보기


일반 차트 구성

차트 보고서 항목 즉, Chart1의 루트 노드를 클릭하면 속성 패널에 일반 차트 구성이 로드됩니다. 기본 보고서 항목 속성, 공통 스타일 속성, 모든 데이터 영역 속성 및 다음 특정 속성이 표시됩니다.

  • 도표는 차트 도표의 컬렉션입니다.

  • 팔레트는 도표가 셰이프를 칠하는 데 사용하는 미리 정의된 또는 사용자 정의 색 컬렉션입니다.

  • 사용자 정의 팔레트 색은 사용자 정의 팔레트를 위한 미리 정의된 색 컬렉션입니다.

헤더 및 푸터

헤더 및 푸터 항목을 사용하여 포함 차트의 도표 영역 위 아래에 나타나는 텍스트를 추가할 수 있습니다. 헤더 및 푸터 구성에는 공통 스타일 속성, 텍스트 속성의 하위 집합과 다음 특정 속성이 표시됩니다.

  • 캡션은 헤더 또는 푸터에 표시되는 텍스트를 결정하는 문자열 식입니다.

  • 포함 차트의 높이를 나타내는 숫자(%)인 높이는 헤더 또는 푸터 높이를 설정합니다.

도표 영역

도표 영역에는 그려진 데이터가 표시되고 차트 축 및 범례가 있습니다. 도표 영역 구성에는 공통 스타일 속성과 축의 컬렉션이 표시됩니다.

도표, 축, 범례

아래 링크를 사용하여 다른 차트 부분의 구성에 대해 읽어보십시오.