[{"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는 더 나은 사용자 경험을 위한 보고서를 공급하기 위해, 여러 타입의 대화형 기능을 제공합니다.

Action 속성

텍스트 상자, 이미지, 차트 플롯, 테이블 행, 밴드 리스트 섹션, 그리고 목록 섹션에는 보고서 항목, 차트 플롯의 요소, 테이블 행 내의 요소, 또는 리스트나 밴디드 리스트 섹션이 차지하는 공간을 보고서 독자(reader)가 클릭할 경우에 발생하는 작업을 결정하는 Action 속성이 있습니다.

대화형 작업의 유형은 네 가지가 있습니다.

매개변수 적용

매개변수 적용 작업은 하나 이상의 보고서 매개변수 값을 설정하고, 이러한 값과 함께 보고서를 다시 렌더링합니다. 매개변수 적용 작업 구성은 다음 속성을 갖는 하나 이상의 항목을 포함합니다.

  • 값을 설정해야 하는 매개변수

  • Setter 유형:

    • Set – 주어진 매개변수를 지정한 값으로 설정합니다.

    • Reset – 주어진 매개변수를 기본 값으로 재설정합니다.

    • Toggle – 다중 값 매개변수에 지정한 값을 추가하거나 제거합니다.

  • 새 매개변수 값에 사용할 표현식입니다. Reset setter 유형에는 적용할 수 없습니다.

이 기능의 일반적인 사용법은 런타임 필터를 구현하는 것입니다. 예를 들어, 판매 대시보드 데모는 보고서 독자가 특정 연도와 하나 이상의 특정 지역의 판매 통계를 검토하기 위해 사용할 수 있는 연도 목록과 대륙 목록 컨트롤을 보여줍니다. 대륙 목록의 매개변수 적용 작업은 보고서 보고서 독자가 클릭하는 대륙 이름을 다중 값 pContinent 매개변수 내에서 토글하도록 구성됩니다.

image.f0b21c

연도 목록에 대한 작업은 보고서 독자가 클릭하는 연도를 단일 값 pYear 매개변수를 설정(Set)하도록 구성됩니다.

image.e97de0

이 보고서의 데이터 영역은 매개변수에 따라 값을 필터링 하기 위해 구성됩니다.

image.123125

따라서, 보고서 독자가 연도를 클릭하거나 대륙을 토글할 때, 보고서는 새로운 매개변수 값으로 다시 렌더링되고 데이터 영역이 이에 따라 필터링됩니다.

책갈피로 이동

책갈피로 이동 작업은 책갈피가 지정된 보고서 항목으로 포커스를 가져옵니다. 책갈피 데모에서는 이 기능을 사용하여 첫 페이지에 대화형 요약 표를 표시합니다. 월 이름을 클릭하면 지정된 월에 대한 세부 정보 표를 보여 주는 페이지로 뷰어가 전환됩니다.

URL로 이동

URL로 이동 작업은 브라우저 설정에 따라 새 창 또는 새 탭에서 지정된 URL을 엽니다.

보고서 맵

ActiveReportsJS의 표 그룹과 같은 모든 보고서 항목과 그룹에는 레이블 속성이 있습니다. 또한 텍스트 상자 보고서에는 1부터 정수 값을 가져오는 HeadingLevel이 있습니다.


HeadingLevel과 함께 텍스트 상자의 레이블 및 값은 보고서 뷰어 세로 막대에 표시되는 보고서 맵을 생성합니다. 보고서 맵에서 항목의 계층 구조는 다음 조건 중 하나로 정의됩니다.

  • HeadingLevel이 1로 설정된 텍스트 상자는 계층 구조의 루트 수준에 있습니다. HeadingLevel이 2로 설정된 텍스트 상자는 계층 구조의 그다음 수준에 있는 식입니다. 카탈로그 샘플은 표 그룹 헤더에 있는 텍스트 상자에 대해 HeadingLevel = 1입니다. 생성된 레이블은 보고서 맵과 목차에 모두 표시됩니다.

  • 레이블 속성이 비어 있지 않은 부모 및 자식 그룹은 계층 구조를 유기적으로 생성합니다. 이러한 접근 방식의 예는 중첩된 목록 데모에서 찾을 수 있습니다.

보고서 속성의 문서 맵 섹션에 있는 소스 속성은 보고서 맵에 어떤 항목을 포함할지 결정합니다.

  • 레이블 - 레이블만 포함합니다. 기본값입니다.

  • 제목 - HeadingLevel >= 1인 텍스트 상자 값만 포함됩니다.

  • 모두 - 레이블과 텍스트 상자 값이 모두 포함됩니다. 이 옵션은 드문 시나리오에 사용하기 위한 마지막 옵션이어야 합니다.

  • 없음 - 보고서 맵이 생성되지 않습니다.

또한 보고서의 번호 매기기 스타일 속성은 보고서 맵과 목차에서 항목의 표식을 결정합니다.