# 방사 꺾은선형 도표 ## Content ```방사 꺾은선형``` 도표는 범주 범위에 한 개 이상 변수의 서수 측정값을 표시하는 데 유용합니다. 방사 꺾은선형 도표에서 범주는 원에 정렬되고 해당 요소가 직선으로 연결됩니다. 데이터 값은 방사형 선에 배치된 ```기호```라는 셰이프로 표시되고 직선이나 곡선으로 연결됩니다. ### 여러 값이 있는 방사 꺾은선형 도표 방사 꺾은선형 도표는 범주 범위에 한 개 이상 변수의 측정값을 시각화할 수 있습니다. 예를 들어 [여러 값이 있는 방사 꺾은선형 도표 데모](/activereportsjs/demos/Reports/MultipleValuesRadarLinePlot/purejs)는 여러 영화 장르에 대한 평균 등급의 두 가지 유형을 표시합니다. ![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/4ed8c11f-8d09-4226-9c37-dd4595797443/reportauthor-guide/Chart/MultipleValuesRadarLineExample.png) ### 여러 선이 있는 방사 꺾은선형 도표 다중 선 방사형 도표를 사용하면 보다 세분화된 분석을 위해 데이터 값을 하위 범주로 분할할 수 있습니다. 예를 들어 [여러 선이 있는 방사 꺾은선형 도표 데모](/activereportsjs/demos/Reports/MultipleLinesRadarLinePlot/purejs)는 여러 영화 장르의 국가별 평균 영화 등급을 표시합니다. ![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/4ed8c11f-8d09-4226-9c37-dd4595797443/reportauthor-guide/Chart/MultipleLinesRadarLineExample.png) ```방사 꺾은선형``` 도표 템플릿과 다음 섹션에서 설명하는 해당 속성을 사용하여 모든 유형을 구성할 수 있습니다. 다음 데모를 사용하여 도표 속성을 살펴볼 수 있습니다. 링크를 열고 [보고서 탐색기](/activereportsjs/docs/v2.2/ReportAuthorGuide/Report-Designer-Interface#report-explorer)를 토글한 다음, ```도표 - 도표 1``` 노드를 선택하고 [속성 패널](/activereportsjs/docs/v2.2/ReportAuthorGuide/Report-Designer-Interface#properties-panel)을 사용하여 구성을 수정합니다. * [여러 값이 있는 방사 꺾은선형 도표 데모](/activereportsjs/demos/Reports/MultipleValuesRadarLinePlot/purejs) * [여러 선이 있는 방사 꺾은선형 도표 데모](/activereportsjs/demos/Reports/MultipleLinesRadarLinePlot/purejs) 아래 나열된 보고서 파일을 다운로드하여 [독립 실행형 보고서 디자이너](/activereportsjs/docs/v2.2/ReportAuthorGuide/Get-Started-With-Designer-App)에서 열 수도 있습니다. * [여러 값이 있는 방사 꺾은선형 도표 보고서](/activereportsjs/demos/en/sample/Reports/MultipleValuesRadarLinePlot/purejs/radar-line-multiple-values.rdlx-json) * [여러 선이 있는 방사 꺾은선형 도표 보고서](/activereportsjs/demos/en/sample/Reports/MultipleLinesRadarLinePlot/purejs/radar-line-multiple-lines.rdlx-json) ### 데이터 값 방사 꺾은선형 도표의 ```값``` [컬렉션](/activereportsjs/docs/v2.2/ReportAuthorGuide/Report-Items/Common-Properties#collection)은 선으로 연결된 데이터 요소가 표시하는 데이터 값을 결정합니다. 컬렉션 항목은 다음 두 가지 속성으로 구성됩니다. * ```값```은 일반적으로 [바인딩된 필드 참조](/activereportsjs/docs/v2.2/ReportAuthorGuide/Expressions/references#data-set-fields)입니다. *참고: 이 속성은 컬렉션이지만 ```방사 꺾은선형``` 도표는 첫 번째 항목만 사용합니다.* * ```집계```는 여러 필드 값을 단일 값으로 줄이는 ```Count``` 또는 ```Average``` 같은 선택적 함수입니다. [여러 값이 있는 방사 꺾은선형 도표 데모](/activereportsjs/demos/Reports/MultipleValuesRadarLinePlot/purejs)와 같이 여러 데이터 값이 여러 선을 생성합니다. ```범례에 값 이름 표시``` 플래그를 전환하여 선 색과 해당 데이터 값 이름을 일치시키는 [색 범례](/activereportsjs/docs/v2.2/ReportAuthorGuide/Report-Items/Data-Regions/Chart/legend)를 도표에 제공할 수 있습니다. ### 범주 인코딩 ```방사 꺾은선형``` 도표의 ```범주 인코딩```은 도표에서 위의 ```데이터 값```을 나타내는 연결된 데이터 요소를 생성하는 범주를 결정하는 속성 집합입니다. * ```범주```는 일반적으로 [바인딩된 필드 참조](/activereportsjs/docs/v2.2/ReportAuthorGuide/Expressions/references#data-set-fields)입니다. 필드 값이 동일한 바인딩된 데이터 집합 레코드는 동일한 범주에 속합니다. 예를 들어 [여러 값이 있는 방사 꺾은선형 도표 데모](/activereportsjs/demos/Reports/MultipleValuesRadarLinePlot/purejs)는 ```Genre``` 필드를 비롯하여 각 데이터 레코드의 여러 필드를 포함하는 ```Ratings``` 데이터 집합에 바인딩되었습니다. 도표의 ```범주```는 ```{Genre}``` 식으로 설정되었습니다. 따라서 도표는 ```Ratings``` 데이터 집합에서 고유한 ```Genre``` 값을 찾은 다음, 범주를 장르별로 하나씩 생성합니다. 데모 출력을 미리 보면 7개 장르를 확인할 수 있습니다. * ```범주 정렬``` 구성은 범주 값이 표시되는 순서를 결정합니다. ### 세부 정보 인코딩 ```세부 정보 인코딩```을 사용하면 보다 세분화된 변동 분석을 위해 위의 ```데이터 값```을 하위 범주로 나눌 수 있습니다. ```방사 꺾은선형``` 도표의 ```세부 정보``` 속성은 하위 범주를 결정하는 항목의 [컬렉션](/activereportsjs/docs/v2.2/ReportAuthorGuide/Report-Items/Common-Properties#collection)입니다. 각 항목에는 다음과 같은 속성이 있습니다. * ```값```은 일반적으로 한 개 이상의 [바인딩된 필드 참조](/activereportsjs/docs/v2.2/ReportAuthorGuide/Expressions/references#data-set-fields)입니다. 필드 값이 동일한 바인딩된 데이터 집합 레코드는 동일한 하위 범주에 속합니다. 예를 들어 [여러 선이 있는 방사 꺾은선형 도표 데모](/activereportsjs/demos/Reports/MultipleLinesRadarLinePlot/purejs)에서 ```세부 정보``` 값은 ```{Country}```입니다. 따라서 각 장르의 ```평균 등급```은 데이터 요소를 생성하는 ```USA``` 및 ```South Korea``` 하위 범주로 분할됩니다. * ```Null 제외``` 플래그는 정의되지 않은 ```세부 정보 값```이 있는 데이터 집합 레코드를 시각화에서 제외할지 여부를 나타냅니다. * ```정렬``` 구성은 범주가 표시되는 순서를 결정합니다. ### 색 인코딩 ```색 인코딩```은 ```범주 인코딩``` 또는 ```세부 정보 인코딩```의 [색 범례](/activereportsjs/docs/v2.2/ReportAuthorGuide/Report-Items/Data-Regions/Chart/legend)를 활성화하고 ```색``` [식](/activereportsjs/docs/v2.2/ReportAuthorGuide/Expressions)과 여러 ```색``` 값을 단일 값으로 줄이는 선택적 ```색 집계``` 함수를 포함합니다. ```세부 정보 인코딩```이 비어 있다고 가정합니다. 이 경우 방사 꺾은선형 도표는 ```범주 인코딩```으로 생성된 범주의 고유한 ```색 인코딩``` 결과를 계산하여 해당 **기호**의 배경색으로 변환합니다. 비어 있지 않으면 도표는 ```세부 정보 인코딩```으로 생성된 하위 범주의 고유한 ```색 인코딩``` 결과를 계산하여 해당 **선**의 색으로 변환합니다. 두 경우 모두, 도표는 [차트 팔레트](/activereportsjs/docs/v2.2/ReportAuthorGuide/Report-Items/Data-Regions/Chart#general-chart-configuration)에서 색을 선택하고 색과 인코딩 결과를 일치시켜 범례에 표시합니다. 예를 들어 [여러 선이 있는 방사 꺾은선형 도표 데모](/activereportsjs/demos/Reports/MultipleLinesRadarLinePlot/purejs)의 색 인코딩은 ```{Country}``` 식을 사용합니다. 따라서 보고서 출력에는 국가와 해당 선 색을 일치시키는 [색 범례](/activereportsjs/docs/v2.2/ReportAuthorGuide/Report-Items/Data-Regions/Chart/legend)가 표시됩니다. *참고: ```색``` 속성은 컬렉션이지만 ```방사 꺾은선형``` 도표는 첫 번째 항목만 사용합니다.* ### 셰이프 인코딩 ```셰이프 인코딩```은 ```범주 인코딩``` 또는 ```세부 정보 인코딩```의 [셰이프 범례](/activereportsjs/docs/v2.2/ReportAuthorGuide/Report-Items/Data-Regions/Chart/legend)를 활성화하고 ```셰이프``` [식](/activereportsjs/docs/v2.2/ReportAuthorGuide/Expressions)과 여러 ```셰이프``` 값을 단일 값으로 줄이는 선택적 ```셰이프 집계``` 함수를 포함합니다. ```세부 정보 인코딩```이 비어 있다고 가정합니다. 이 경우 꺾은선형 도표는 ```범주 인코딩```으로 생성된 범주의 고유한 ```셰이프 인코딩``` 결과를 계산하여 해당 기호의 셰이프로 변환합니다. 비어 있지 않으면 도표는 ```세부 정보 인코딩```으로 생성된 하위 범주의 고유한 ```셰이프 인코딩``` 결과를 계산하여 해당 기호의 셰이프로 변환합니다. [여러 선이 있는 방사 꺾은선형 도표 데모](/activereportsjs/demos/Reports/MultipleLinesRadarLinePlot/purejs)에서 셰이프 식을 ```{Genre}```로 설정해 볼 수 있습니다. 따라서 도표는 각 장르에 고유한 기호를 사용합니다. ![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/4ed8c11f-8d09-4226-9c37-dd4595797443/reportauthor-guide/Chart/RadarLineShapeEncoding.png) **참고: 꺾은선형 도표의 ```기호 셰이프``` 속성을 ```자동```으로 설정하면 셰이프 인코딩이 작동합니다.** *참고: ```셰이프``` 속성은 컬렉션이지만 ```방사 꺾은선형``` 도표는 첫 번째 항목만 사용합니다.* ### 크기 인코딩 ```크기 인코딩``` 구성은 [크기 범례](/activereportsjs/docs/v2.2/ReportAuthorGuide/Report-Items/Data-Regions/Chart/legend)를 활성화하고 ```크기``` [식](/activereportsjs/docs/v2.2/ReportAuthorGuide/Expressions)과 여러 ```크기``` 값을 단일 값으로 줄이는 선택적 ```크기 집계``` 함수를 포함합니다. 크기 인코딩은 숫자 값으로만 작동하며 ```기호```의 크기를 결정하는 범위로 데이터 값을 나눕니다. 따라서 꺾은선형 차트에서 추가 정보를 인코딩할 수 있습니다. 도표에서 기호의 크기를 사용하여 각 장르의 평균 예산을 시각화하도록 [여러 값이 있는 방사 꺾은선형 도표 데모](/activereportsjs/demos/Reports/MultipleValuesRadarLinePlot/purejs)의 크기 식을 ```{Budget}```으로, 크기 집계를 ```Average```로 설정해 볼 수 있습니다. ![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/4ed8c11f-8d09-4226-9c37-dd4595797443/reportauthor-guide/Chart/RadarLineSizeEncoding.png) *참고: ```크기``` 속성은 컬렉션이지만 ```꺾은선형``` 도표는 첫 번째 항목만 사용합니다.* ### 선 및 기호의 모양과 느낌 다음 속성을 사용하여 ```방사 꺾은선형``` 도표를 구성하는 기호와 선의 모양을 세밀하게 조정할 수 있습니다. 방사 꺾은선형 데모의 구성을 수정하면 그 결과를 실제로 확인할 수 있습니다. ```불투명도```와 ```기호 불투명도```는 각각 선과 기호의 불투명도를 결정하는 [숫자](/activereportsjs/docs/v2.2/ReportAuthorGuide/Report-Items/Common-Properties#scalar)(백분율)입니다. 따라서 ```100%```는 불투명한 상태를, ```0%```는 완전 투명한 상태를 의미합니다. ```선 모양``` 속성은 데이터 요소를 연결하는 선의 스타일을 결정합니다. * ```기본값```은 직선을 의미합니다. * ```스플라인```은 베지어 곡선을 의미합니다. * ```단계 가운데```, ```단계 왼쪽```, ```단계 오른쪽```은 방사 꺾은선형 도표에 적용되지 않습니다. ```Null 표시``` 속성은 ```Null``` 값에 대한 데이터 요소의 정렬을 나타냅니다. * ```간격```은 도표에서 null 데이터 요소와 이전 및 다음 요소 사이에 선 세그먼트를 그리지 않음을 의미합니다. * ```0```은 null 데이터 요소의 값이 ```0```으로 간주됨을 의미합니다. * ```연결됨```은 도표에서 null 요소의 이전 요소와 다음 요소가 연결됨을 의미합니다. ```클리핑 모드```는 [도표 영역](/activereportsjs/docs/v2.2/ReportAuthorGuide/Report-Items/Data-Regions/Chart#plot-area)에서 도표를 그리는 방식을 나타냅니다. * ```맞춤``` 값은 도표 영역에서 사용 가능한 모든 공간을 사용하여 도표를 맞춰야 함을 의미합니다. * ```자르기``` 값은 도표 영역의 오른쪽 또는 아래쪽 안쪽 여백 가장자리에서 도표가 잘림을 의미합니다. * ```없음``` 값은 ```맞춤```과 동일합니다. ```스타일``` 섹션의 [선](/activereportsjs/docs/v2.2/ReportAuthorGuide/Report-Items/Common-Properties#line-properties) 속성은 앞에서 설명한 ```색 인코딩```을 비롯한 다른 선 색 설정을 모두 덮어씁니다. [선](/activereportsjs/docs/v2.2/ReportAuthorGuide/Report-Items/Common-Properties#line-properties) 속성, ```배경색``` 식, ```기호 셰이프```, ```기호 표시``` 플래그를 사용하여 기호의 모양을 설정할 수 있습니다. 예를 들어 ```기호 셰이프```가 ```자동```이면 도표는 기본값을 선택하거나 앞에서 설명한 ```셰이프 인코딩```을 적용합니다. ```시작 각도```는 도표의 시계 방향 회전을 정의하는 [숫자](/activereportsjs/docs/v2.2/ReportAuthorGuide/Report-Items/Common-Properties#scalar)(도각)입니다. 전체 회전은 ```360```도입니다. ### 도구 설명 및 레이블 템플릿 데이터 요소 기호는 각각 ```도구 설명 템플릿``` 및 ```레이블 텍스트 템플릿``` 식을 사용하여 설정할 수 있는 다음 내용이 포함된 도구 설명과 레이블을 표시할 수 있습니다. 드롭다운 목록에서 다음 값 중 하나를 선택할 수 있습니다. * ```값 필드 이름```은 일반적으로 ```데이터 값```에 바인딩된 필드 이름을 의미합니다. * ```값 필드 값```은 포함 범주 또는 세부 정보 내의 현재 ```데이터 값```을 의미합니다. * ```세부 정보의 백분율```은 ```세부 정보```가 동일한 모든 값에서 현재 ```데이터 값```의 점유율(%)을 의미합니다. * ```범주의 백분율```은 ```범주```가 동일한 모든 값에서 현재 ```데이터 값```의 점유율(%)을 의미합니다. * ```범주 필드 이름```은 일반적으로 ```범주 인코딩```에 바인딩된 필드 이름을 의미합니다. * ```범주 필드 값```은 현재 ```범주 인코딩``` 값을 의미합니다. * ```세부 정보 필드 이름```은 일반적으로 ```세부 정보 인코딩```에 바인딩된 필드 이름을 의미합니다. * ```세부 정보 필드 값```은 현재 ```세부 정보 인코딩``` 값을 의미합니다. * ```색 필드 이름```은 일반적으로 ```색 인코딩```에 바인딩된 필드 이름을 의미합니다. * ```색 필드 값```은 현재 ```색 인코딩``` 값을 의미합니다. * ```셰이프 필드 이름```은 일반적으로 ```셰이프 인코딩```에 바인딩된 필드 이름을 의미합니다. * ```셰이프 필드 값```은 현재 ```셰이프 인코딩``` 값을 의미합니다. * ```크기 필드 이름```은 일반적으로 ```크기 인코딩```에 바인딩된 필드 이름을 의미합니다. * ```크기 필드 값```은 현재 ```크기 인코딩``` 값을 의미합니다. 템플릿의 [식 편집기](/activereportsjs/docs/v2.2/ReportAuthorGuide/Report-Designer-Interface#expression-editor)에서 [보간 구문](/activereportsjs/docs/v2.2/ReportAuthorGuide/Expressions#interpolation-syntax)과 [지원되는 서식 문자열](https://docs.microsoft.com/en-us/dotnet/standard/base-types/standard-numeric-format-strings)을 사용하여 값의 서식을 설정할 수도 있습니다. 예를 들어 [여러 선이 있는 방사 꺾은선형 도표 데모](/activereportsjs/demos/Reports/MultipleLinesRadarLinePlot/purejs)에서 ```레이블 텍스트 템플릿```을 ```{valueField.value:N2}```로 설정하여 평균 등급을 소수 두 자릿수로 표시할 수 있습니다. ![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/4ed8c11f-8d09-4226-9c37-dd4595797443/reportauthor-guide/Chart/RadarLineLabelsFormat.png) ### 레이블 모양 ```레이블 텍스트``` 섹션의 [텍스트 속성](/activereportsjs/docs/v2.2/ReportAuthorGuide/Report-Items/Common-Properties#text-properties)과 ```레이블 테두리``` 섹션의 [선 속성](/activereportsjs/docs/v2.2/ReportAuthorGuide/Report-Items/Common-Properties#line-properties) 중 일부를 사용하여 해당하는 도표 레이블의 시각적 매개 변수를 설정할 수 있습니다. ```레이블 위치```와 선택적 ```오프셋```(픽셀)은 부모 데이터 요소 기호를 기준으로 레이블 위치를 결정합니다. * ```내부``` - 데이터 요소를 연결하는 선으로 구성된 영역 내부 * ```외부``` - 데이터 요소를 연결하는 선으로 구성된 영역 외부 * ```가운데``` - 데이터 요소 근처 * ```자동``` - ```외부```와 같음 ```겹치는 레이블``` 속성은 겹치는 레이블의 처리를 나타냅니다. 가능한 값은 다음과 같습니다. * ```자동``` - 겹침을 방지하기 위해 일부 레이블을 숨깁니다. * ```표시``` - 겹침이 유지되더라도 모든 레이블을 표시합니다. ```레이블 선``` 섹션의 [선 속성](/activereportsjs/docs/v2.2/ReportAuthorGuide/Report-Items/Common-Properties#line-properties)을 사용하여 레이블과 부모 데이터 요소 사이에 연결 선을 추가할 수 있습니다. ```레이블 선 위치```는 레이블 경계 상자와 선의 연결 지점을 결정합니다. * ```자동``` - 자동으로 선택됨 * ```가운데``` - 경계 상자 측면 가운데 ### 동적 규칙 ```규칙``` 구성을 사용하면 도표 모양에 적용할 한 개 이상의 데이터 조건을 기준으로 ```if this then that``` 규칙을 만들 수 있습니다. 조건은 다음 값 중 하나를 참조할 수 있는 [식](/activereportsjs/docs/v2.2/ReportAuthorGuide/Report-Items/Common-Properties#expression)입니다. * ```Chart!CurrentData``` - 현재 ```데이터 값``` * ```Chart!PreviousData``` - 이전 ```데이터 값``` * ```Chart!NextData``` - 다음 ```데이터 값``` * ```Chart!CurrentCategory``` - 현재 ```범주 인코딩``` 값 * ```Chart!PreviousCategory``` - 이전 ```범주 인코딩``` 값 * ```Chart!NextCategory``` - 다음 ```범주 인코딩``` 값 * ```Chart!CurrentDetail``` - 현재 ```세부 정보 인코딩``` 값 * ```Chart!PreviousDetail``` - 이전 ```세부 정보 인코딩``` 값 * ```Chart!NextDetail``` - 다음 ```세부 정보 인코딩``` 값 조건 식에 [보고서 매개 변수](/activereportsjs/docs/v2.2/ReportAuthorGuide/Expressions/references#parameters)와 표준 [연산자](/activereportsjs/docs/v2.2/ReportAuthorGuide/Expressions/Operators)에 대한 참조를 포함할 수도 있습니다. 조건을 빌드하는 가장 쉬운 방법은 ```조건``` 속성 오른쪽에 있는 상자를 클릭하면 열리는 식 편집기를 사용하는 것입니다. 조건이 충족되면 ```방사 꺾은선형``` 도표의 다음 시각적 속성을 적용할 수 있습니다. * 데이터 요소 기호의 배경색 * 데이터 요소 기호의 테두리 색 * 데이터 요소 기호의 테두리 두께 * 데이터 요소 기호의 테두리 스타일 * 도구 설명 및 레이블 템플릿 예를 들어 [여러 선이 있는 방사 꺾은선형 도표 데모](/activereportsjs/demos/Reports/MultipleLinesRadarLinePlot/purejs)에서 도표에 대한 다음 규칙을 설정하여 값이 50보다 큰 데이터 요소에 사용자 정의 배경색을 적용할 수 있습니다. ![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/4ed8c11f-8d09-4226-9c37-dd4595797443/reportauthor-guide/Chart/RadarLineRulesExample.png) 따라서 차트는 다음과 같이 출력됩니다. ![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/4ed8c11f-8d09-4226-9c37-dd4595797443/reportauthor-guide/Chart/RadarLineRulesOutput.png) ### 작업 이 속성 그룹은 보고서 구독자가 데이터 요소 기호를 클릭할 때의 [대화형 작업](/activereportsjs/docs/v2.2/ReportAuthorGuide/Interactivity#action-property)을 결정합니다. [바인딩된 필드 참조](/activereportsjs/docs/v2.2/ReportAuthorGuide/Expressions/references#data-set-fields)를 사용하여 드릴스루 보고서를 통해 매개 변수를 전달하거나 동적 책갈피 또는 URL을 구성할 수 있습니다. 필드 값은 현재 세부 정보 또는 범주의 범위 내에서 평가됩니다. 자세한 내용은 [드릴스루 보고서 연습](/activereportsjs/docs/v2.2/ReportAuthorGuide/Get-Started-With-DrillThrough-Reports)을 참조하십시오. 이 연습에서는 드릴스루 [세로 막대형 도표](/activereportsjs/docs/v2.2/ReportAuthorGuide/Report-Items/Data-Regions/Chart/column)를 설정하는 방법을 설명하지만 방사 꺾은선형 도표에도 동일한 기법이 적용됩니다.