# 꺾은선형 도표

## Content

`꺾은선형` 도표는 시간의 흐름에 따른 `데이터 값`의 변화를 추적하거나 여러 데이터 값에 대한 동일한 기간의 변화를 비교하는 데 적합합니다. 꺾은선형 도표는 기간을 가로로 정렬하고 데이터 값을 `기호`라고 하는 점으로 인코딩하고, 선 세그먼트로 점을 연결합니다.

### 한 줄 꺾은선형 도표

한 줄 꺾은선형 도표는 데이터 값 하나의 변화를 시각화합니다.
예를 들어, [한 줄 꺾은선형 데모](/activereportsjs/demos/Reports/SingleLinePlot/purejs)는 1년 동안 몇 가지 제품의 반품 변화를 보여줍니다.
![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/4ed8c11f-8d09-4226-9c37-dd4595797443/reportauthor-guide/Chart/SingleLineExample.png)

### 여러 줄 꺾은선형 도표

여러 줄 꺾은선형 도표를 사용하면 변화를 보다 세분화해 분석하기 위해 데이터 값을 하위 범주로 분할할 수 있습니다.
예를 들어, [여러 줄 꺾은선형 데모](/activereportsjs/demos/Reports/MultipleLinePlot/purejs)에서는 온라인 및 매장 판매 채널에서 1년간 일부 제품의 `순 매출`의 변화를 보여줍니다.

![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/4ed8c11f-8d09-4226-9c37-dd4595797443/reportauthor-guide/Chart/MultipleLineExample.png)

### 여러 값 꺾은선형 도표

또한 동일한 기간에 관련이 있거나 없는 여러 데이터 값의 변화를 표시할 수도 있습니다. 예를 들어 [여러 값 꺾은선형 데모](/activereportsjs/demos/Reports/MultipleValuesLinePlot/purejs)에서는 1년 동안 일부 제품에 대한 `순 매출`, `판매 제품 원가` 및 `순 수익` 변화를 보여줍니다.
![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/4ed8c11f-8d09-4226-9c37-dd4595797443/reportauthor-guide/Chart/MultipleValuesLineExample.png)

다음 섹션에서 설명하는 `꺾은선형` 도표 템플릿과 속성을 사용하여 이러한 모든 유형을 구성할 수 있습니다. `곡선형` 템플릿은 미리 구성된 `선 측면` 속성 값에 대한 바로 가기입니다.
다음 데모를 사용하여 도표 속성을 살펴보고, 링크를 열고, [보고서 탐색기](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Designer-Interface#report-explorer)를 토글하고, `도표 - 도표 1` 노드를 선택하고, [속성 패널](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Designer-Interface#properties-panel)을 사용하여 구성을 수정할 수 있습니다.

* [한 줄 꺾은선형 데모](/activereportsjs/demos/Reports/SingleLinePlot/purejs)
* [여러 줄 꺾은선형 데모](/activereportsjs/demos/Reports/MultipleLinePlot/purejs)
* [여러 값 꺾은선형 데모](/activereportsjs/demos/Reports/MultipleValuesLinePlot/purejs)

아래 나열된 보고서 파일을 다운로드하여 [독립 실행형 보고서 디자이너](/activereportsjs/docs/v4.1/ReportAuthorGuide/QuickStart/Get-Started-With-Designer-App)에서 열 수 있습니다.

* [한 줄 꺾은선형 보고서](/activereportsjs/demos/en/sample/Reports/SingleLinePlot/purejs/SingleLine.rdlx-json)
* [여러 줄 꺾은선형 보고서](/activereportsjs/demos/en/sample/Reports/MultipleLinePlot/purejs/MultipleLine.rdlx-json)
* [여러 값 꺾은선형 보고서](http://localhost:3000/activereportsjs/demos/en/sample/Reports/MultipleValuesLinePlot/purejs/MultipleValuesLine.rdlx-json)

### 차트 마법사

보고서에 [차트를 추가](/activereportsjs/docs/v4.1/#adding-a-chart)하는 경우 차트 마법사의 첫 번째 페이지에서 플롯 유형을 선으로 설정하고 다음 버튼을 클릭하면 마법사에 다음과 같은 `선 설정` 페이지가 표시됩니다.
![ChartWizardLine.cdd7ed](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/5782ed59-7caa-432e-b8fb-3d0b076233da/ChartWizardLine.cdd7ed.e6fc6e.png)

`데이터 값` 섹션에서는 하나 이상의 [데이터 값](https://kr-gc-document-site.azurewebsites.net/manage/ArticleEdit//activereportsjs/docs/v4.1/#data-values)을 추가할수 있습니다.
`데이터 카데고리` 데이터 카테고리 섹션에서는 [카데고리 인코딩](https://kr-gc-document-site.azurewebsites.net/manage/ArticleEdit//activereportsjs/docs/v4.1/#category-encoding)을 설정할 수 있습니다.
`데이터 하위 범주` 섹션에서는 [세부 인코딩](https://kr-gc-document-site.azurewebsites.net/manage/ArticleEdit//activereportsjs/docs/v4.1/#details-encoding)을 구성할 수 있습니다.

### 데이터 값

꺾은선형 도표의 `값` [컬렉션](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Common-Properties#collection)은 시간에 따라 변화하는 데이터 값을 결정합니다. 컬렉션 항목은 다음 두 가지 속성으로 구성됩니다.

* `값`은 일반적으로 [바인딩된 필드 참조](/activereportsjs/docs/v4.1/ReportAuthorGuide/Expressions/references#data-set-fields)입니다. *참고: 이 속성은 컬렉션이지만 `꺾은선형` 도표는 첫 번째 항목만 사용합니다.*
* `집계`는 여러 필드 값을 단일 값으로 줄이는 선택적 함수입니다(예: `Count` 또는 `Average`).

[여러 값 꺾은선형 데모](/activereportsjs/demos/Reports/MultipleValuesLinePlot/purejs)에서처럼 여러 데이터 값이 여러 줄을 생성합니다. `범례에 값 이름 표시` 플래그를 전환하여 선 색과 해당하는 데이터 값 이름 간 일치를 표시하는 [색 범례](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Data-Regions/Chart/legend)를 도표에 제공할 수 있습니다.

### 범주 인코딩

`꺾은선형` 도표의 `범주 인코딩`은 도표가 위의 `데이터 값`을 나타내는 연결된 데이터 요소를 생성하는 기간을 결정하는 속성 집합입니다.

* `범주`는 일반적으로 [바인딩된 필드 참조](/activereportsjs/docs/v4.1/ReportAuthorGuide/Expressions/references#data-set-fields)입니다. 해당 필드와 값이 동일한 바인딩된 데이터 집합 레코드는 동일한 범주에 속합니다. 고유한 범주가 기간을 형성합니다. 예를 들어, [한 줄 꺾은선형 데모](/activereportsjs/demos/Reports/SingleLinePlot/purejs)는 각 데이터 레코드의 `반품 수량` 및 `판매 날짜` 필드를 포함하는 `판매 데이터 집합`에 바인딩됩니다. 이 도표의 `범주`는 `{MonthName(Month(SalesDate))}` 식으로 설정됩니다. 따라서 도표는 `판매 데이터 집합`을 거치면서 `판매 날짜` 값에서 고유한 월을 찾은 다음 월마다 범주를 하나씩 생성합니다. `한 줄 꺾은선형 데모` 출력을 미리 보는 경우 가로 [축](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Data-Regions/Chart/axes)을 따라 12개월이 정렬되어 있습니다.
* `범주 정렬` 구성은 범주 값 모양의 순서를 결정합니다. 예를 들어, `한 줄 꺾은선형 데모`의 도표에는 연도순 정렬을 보장하기 위해 `범주 정렬 식 = {Month(SalesDate)}, 범주 정렬 방향 = 오름차순` 설정이 있습니다.

`Chart Wizard`는 `데이터 범주`섹션에서 `범주 인코딩`의 단순화된 편집기를 제공합니다.

* `필드`로 표시되는 단일 범주 표현식을 사용할 수 있습니다.
* `범주 정렬`구성은 `정렬 방향`속성만 표시합니다. `정렬 표현식`은 `필드` 속성과 동일한 값으로 자동 설정됩니다.

### 세부 정보 인코딩

`세부 정보 인코딩`을 사용하면 변화를 더욱 세부적으로 분석하기 위해 위 `데이터 값`을 하위 범주로 나눌 수 있습니다.
`꺾은선형` 도표의 `세부 정보` 속성은 하위 범주를 정의하는 항목의 [컬렉션](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Common-Properties#collection)입니다. 각 항목에는 다음과 같은 속성이 있습니다.

* `값`은 일반적으로 하나 이상의 [바운딩 필드 참조](/activereportsjs/docs/v4.1/ReportAuthorGuide/Expressions/references#data-set-fields)입니다. 해당 필드와 값이 동일한 바인딩된 데이터 집합 레코드는 동일한 하위 범주에 속합니다. 예를 들어, [여러 줄 꺾은선형 데모](/activereportsjs/demos/Reports/MultipleLinePlot/purejs)에서 `세부 정보` 값은 `{ChannelKey}`입니다. 따라서 각 월의 `매출 금액`이 `온라인` 및 `매장` 하위 범주로 분할되고, 각 하위 범주는 데이터 요소를 생성합니다.
* `Null 제외` 플래그는 정의되지 않은 `세부 정보 값`이 있는 데이터 집합 레코드가 시각화에서 제외되어야 함을 나타냅니다.
* `정렬` 구성은 하위 카테고리의 표시 순서를 결정합니다.

`차트 마법사`는 `데이터 하위 범주` 섹션의 `세부 인코딩`에 대한 단순화된 편집기를 제공합니다.

* 단일 세부 정보 인코딩 항목을 사용할 수 있습니다.
* `필드`로 표시되는 단일 `값` 항목을 사용할 수 있습니다.
* `세부 인코딩`의 `정렬` 구성에는 `정렬 방향` 속성만 표시됩니다. `정렬 표현식`은 자동으로 `필드` 값으로 설정됩니다.

### 색 인코딩

`색 인코딩`은 `범주 인코딩` 또는 `세부 정보 인코딩`의 [색 범례](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Data-Regions/Chart/legend)를 활성화하고 `색` [식](/activereportsjs/docs/v4.1/ReportAuthorGuide/Expressions)과 여러 `색` 값을 하나의 값으로 줄이는 선택적 `색 집계` 함수를 포함합니다.
`세부 정보 인코딩`이 비어 있다고 가정해 보겠습니다. 이러한 경우 꺾은선형 도표는 `범주 인코딩`에서 생성되는 범주에 대해 고유한 `색 인코딩` 결과를 계산하고 그 결과를 해당하는 **기호**의 배경색으로 변환합니다.
그러지 않은 경우, 도표는 `세부 정보 인코딩`에서 생성되는 하위 범주에 대해 고유한 `색 인코딩` 결과를 계산하고 그 결과를 해당하는 **선**의 색으로 변환합니다.
두 가지 경우 모두 도표는 [차트 팔레트](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Data-Regions/Chart#general-chart-configuration)에서 색을 선택하고 색과 범례의 인코딩 결과 간 일치를 표시합니다.
예를 들어, [여러 줄 꺾은선형 데모](/activereportsjs/demos/Reports/MultipleLinePlot/purejs)의 색 인코딩에서는 `{ChannelName}` 식을 사용합니다. 따라서 보고서 출력에는 채널 이름을 해당 선 색과 일치시키는 [색 범례](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Data-Regions/Chart/legend)가 표시됩니다.
**참고: `스타일` 섹션에서 `선 색` 속성을 재설정하면 색 인코딩이 작동합니다.**
***참고: `색` 속성은 컬렉션이지만 `꺾은선형` 도표는 첫 번째 항목만 사용합니다.***

### 셰이프 인코딩

`색 인코딩`은 `범주 인코딩` 또는 `세부 정보 인코딩`의 [셰이프 범례](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Data-Regions/Chart/legend)를 활성화하고 `셰이프` [식](/activereportsjs/docs/v4.1/ReportAuthorGuide/Expressions)과 여러 `셰이프` 값을 하나의 값으로 줄이는 선택적 ` 집계` 함수를 포함합니다.
`세부 정보 인코딩`이 비어 있다고 가정해 보겠습니다. 이러한 경우 꺾은선형 도표는 `범주 인코딩`에서 생성되는 범주에 대해 고유한 `셰이프 인코딩` 결과를 계산하고 그 결과를 해당하는 기호의 셰이프로 변환합니다.
그러지 않은 경우, 도표는 `세부 정보 인코딩`에서 생성되는 하위 범주에 대해 고유한 `셰이프 인코딩` 결과를 계산하고 그 결과를 해당하는 기호의 셰이프로 변환합니다.
[여러 줄 꺾은선형 데모](/activereportsjs/demos/Reports/MultipleLinePlot/purejs)에 대해 셰이프 식을 `{ChannelName}`으로 설정할 수 있습니다. 따라서 도표가 온라인 및 매장 채널에 대해 다른 기호를 사용합니다.
**참고: 꺾은선형 도표의 `기호 셰이프` 속성을 `자동`으로 설정하면 셰이프 인코딩이 작동합니다.**

![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/4ed8c11f-8d09-4226-9c37-dd4595797443/reportauthor-guide/Chart/LineShapeEncoding.png)

***참고: `셰이프` 속성은 컬렉션이지만 `꺾은선형` 도표는 첫 번째 항목만 사용합니다.***

### 크기 인코딩

`크기 인코딩` 구성은 [크기 범례](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Data-Regions/Chart/legend)를 활성화하고 `크기` [식](/activereportsjs/docs/v4.1/ReportAuthorGuide/Expressions)과 여러 `크기` 값을 단일 값으로 줄이는 `크기 집계` 함수를 포함합니다. 크기 인코딩은 숫자 값으로만 작동하며 `기호`의 크기를 결정하는 범위로 데이터 값을 나눕니다. 따라서 꺾은선형 차트에서 추가 정보를 인코딩할 수 있습니다.
[여러 줄 꺾은선형 데모](/activereportsjs/demos/Reports/MultipleLinePlot/purejs)에서 크기 식을 `{SalesAmount}`로, 크기 집계를 `Count`로 설정하면 이 도표는 기호의 크기를 사용하여 각 월에 대한 판매 횟수를 시각화할 수 있습니다.

![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/4ed8c11f-8d09-4226-9c37-dd4595797443/reportauthor-guide/Chart/LineSizeEncoding.png)

*참고: `크기` 속성은 컬렉션이지만 `꺾은선형` 도표는 첫 번째 항목만 사용합니다.*

### 꺾은선형과 기호의 모양 및 느낌

다음 속성을 사용하면 `꺾은선형` 도표를 구성하는 기호와 선의 모양을 미세하게 조정할 수 있습니다. 꺾은선형 데모의 구성을 수정하여 그 결과를 실제로 확인할 수 있습니다.
`불투명도` 및 `기호 불투명도`는 각각 선과 기호의 불투명도를 결정하는 [숫자](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Common-Properties#scalar)(%)입니다. `100%`는 불투명한 상태를, `0%`는 완전히 투명한 상태를 의미합니다.
`선 측면` 속성은 데이터 요소를 연결하는 선의 스타일을 결정합니다.

* `기본`은 직선을 의미합니다.
* `스플라인`은 베지어 곡선을 의미합니다.
* `단계 가운데`, `단계 왼쪽`, `단계 오른쪽`은 단계 방향이 다른 단계별 선을 나타냅니다. [한 줄 꺾은선형 데모](/activereportsjs/demos/Reports/SingleLinePlot/purejs)에서 이러한 값을 사용하면 해당 값 간의 차이를 확인할 수 있습니다.

`Null 표시` 속성은 `Null` 값에 대한 데이터 요소의 배열을 나타냅니다.

* `간격`은 도표가 null 데이터 요소와 그 이전 및 다음 점 사이에 선 세그먼트를 그리지 않음을 나타냅니다.
* `0`은 null 데이터 요소가 `0` 값을 가진 것으로 간주됨을 의미합니다.
* `연결됨`은 도표가 null 점의 이전 점과 다음 점을 연결합니다.

`클리핑 모드`는 [도표 영역](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Data-Regions/Chart#plot-area)이 도표를 그리는 방식을 나타냅니다.

* `맞춤` 값은 도표 영역에서 도표를 맞추기 위해 사용 가능한 모든 공간을 사용해야 함을 의미합니다.
* `자르기` 값은 도표 영역이 오른쪽 또는 아래쪽 안쪽 여백의 가장자리에서 도표를 절단함을 나타냅니다.
* `없음` 값은 `맞춤`과 동일합니다.

`스타일` 섹션의 [선](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Common-Properties#line-properties) 속성은 앞에서 설명한 `색 인코딩`을 비롯하여 다른 선 색 설정을 덮어씁니다.
[선](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Common-Properties#line-properties) 속성, `배경색` 식, `기호 셰이프` 및 `기호 표시` 플래그를 사용하면 기호의 모양을 설정할 수 있습니다. `기호 셰이프`가 `자동`이면 도표에서는 기본값을 선택하거나 앞에서 설명한 `셰이프 인코딩`을 적용합니다.

### 도구 설명 및 레이블 템플릿

`텍스트 인코딩` 컬렉션은 데이터 포인트 심볼에 사용자 정의된 레이블과 도구 설명을 표시하도록 선 플롯을 구성하는 방법을 제공합니다. 이 컬렉션의 각 항목에는 다음과 같은 속성이 있습니다.

* `값`: 바인딩된 필드의 값을 참조할 수 있는 표현식입니다.
* `집계`: 개수 또는 평균과 같은 이 선택적 기능은 여러 필드 값을 현재 세부 정보 또는 범주 컨텍스트 내에서 평가된 단일 값으로 요약할 수 있습니다.
* `템플릿 키`: 텍스트 인코딩 항목을 나타내기 위해 레이블 또는 도구 설명 템플릿 내에서 사용되는 문자열입니다.
* `대상`: 이 속성은 텍스트 인코딩 항목이 플롯의 레이블 또는 도구 설명을 의미하는지 여부를 지정합니다.

텍스트 인코딩 컬렉션에 항목을 추가하면 각 항목의 대상 값을 기반으로 레이블 또는 도구 설명에 구성된 값이 자동으로 표시됩니다. 레이블 및 도구 설명의 텍스트를 추가로 사용자 정의하려면 도구 설명 템플릿 및 레이블 텍스트 템플릿 표현식을 사용할 수 있습니다.
해당 키로 참조되는 텍스트 인코딩 항목 외에도 다음과 같은 사전 정의된 값을 활용할 수 있습니다.

* `{valueField.name}`: `데이터 값`에 바인딩된 필드 이름을 의미합니다.
* `{valueField.value}`: 포함 범주 또는 세부 정보 내 현재 `데이터 값`을 의미합니다.
* `{PercentageDetail}`: `세부 정보`가 동일한 모든 값 중에서 현재 `데이터 값`의 점유율(%)을 의미합니다.
* `{PercentageCategory}`: `범주`가 동일한 모든 값 중에서 현재 `데이터 값`의 점유율(%)을 의미합니다.
* `{categoryField.name}`:일반적으로 `범주 인코딩`에 바인딩된 필드 이름을 의미합니다.
* `{categoryField.value}`: 현재 `범주 인코딩` 값을 의미합니다.
* `{detailFields.name}`: 일반적으로 `세부 정보 인코딩`에 바인딩된 필드 이름을 의미합니다.
* `{detailFields.value}`: 현재 `세부 정보 인코딩` 값을 의미합니다.
* `{colorField.name}`: 일반적으로 `색 인코딩`에 바인딩된 필드 이름을 의미합니다.
* `{colorField.value}`: 현재 `색 인코딩` 값을 의미합니다.
* `{shapeField.name}` Shape Encoding에 바인딩된 필드 이름을 나타냅니다.
* `{shapeField.value}` 현재 모양 인코딩 값을 나타냅니다.
* `{sizeField.name}` Size Encoding에 바인딩된 필드 이름을 나타냅니다.
* `{sizeField.name}` 현재 크기 인코딩 값을 나타냅니다.

이러한 값은 [보간 구문](/activereportsjs/docs/v4.1/#interpolation-syntax)과 [텍스트 보고서 항목](/activereportsjs/docs/v4.1/#content)에도 사용되는 지원되는 형식 문자열을 사용하여 결합하고 형식을 지정할 수 있습니다. 예를 들어 [다중 라인 데모](/activereportsjs/demos/Reports/MultipleLinePlot/purejs)에서 `라벨 텍스트 템플릿`을 {valueField.value:C2}로 설정하여 순매출액을 통화로 표시할 수 있습니다.
예를 들어 [다중 라인 데모](/activereportsjs/demos/Reports/MultipleLinePlot/purejs)의 플롯은 고급 툴팁 구성을 사용합니다.

* `텍스트 인코딩`에는 판매된 항목 수를 표시하는 `SalesQuantity`요소가 포함되어 있습니다.
    * `Aggregate` = `Sum`
    * `Value` = `{SalesQuantity}`
    * `Target` = `Tooltip`
    * `TemplateKey` = `SalesQuantity`
* `툴팁 템플릿` 은 다음과 같은 식으로 구성됩니다.

```
Quantity: {SalesQuantity}
Amount:{valueField.value:C2}
```

### 레이블 모양

`레이블 텍스트` 섹션의 [텍스트 속성](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Common-Properties#text-properties) 하위 집합 및 `레이블 테두리` 섹션의 [선 속성](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Common-Properties#line-properties)을 사용하면 도표 레이블의 해당하는 시각적 매개 변수를 설정할 수 있습니다.
픽셀로 표시되는 `레이블 위치` 및 선택적 `오프셋`은 부모 데이터 요소 기호를 기준으로 레이블의 위치를 결정합니다.

* `내부` \- 내부
* `외부` \- 위쪽
* `가운데` \- 가운데
* `자동` - `외부`와 같음

`겹치는 레이블` 속성은 겹치는 레이블의 처리를 나타냅니다. 가능한 값은 다음과 같습니다.

* `자동` \- 겹침을 방지하기 위해 일부 레이블을 숨깁니다\.
* `표시` \- 계속해서 겹치더라도 모든 레이블을 표시합니다\.

`레이블 선` 섹션의 [선 속성](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Common-Properties#line-properties)을 사용하면 레이블과 부모 데이터 요소 사이에 연결 선을 추가할 수 있습니다. `레이블 선 위치`는 레이블의 경계 상자와 선의 연결 점을 결정합니다.

* `자동` \- 자동으로 선택됨
* `가운데` \- 경계 상자측 가운데

### 다이나믹 규칙

`규칙` 구성을 사용하면 플롯 모양에 적용할 하나 이상의 데이터 조건을 기반으로 `if this then that`\>규칙을 생성할 수 있습니다\. 조건은 다음 값 중 하나를 참조할 수 있는 [표현식](/activereportsjs/docs/v4.1/#expression) 입니다

* `Chart!CurrentData` \- 현재 `데이터 값`
* `Chart!PreviousData` -이전 `데이터 값`
* `Chart!NextData` \- 다음`데이터 값`
* `Chart!CurrentCategory` \- 현재`카데고리 인코딩` 값
* `Chart!PreviousCategory` \- 이전 `카데고리 인코딩` 값
* `Chart!NextCategory` \- 다음 `카데고리 인코딩` 값
* `Chart!CurrentDetail` \- 현재 `세부 인코딩` 값
* `Chart!PreviousDetail` \- 이전 `세부 인코딩` 값
* `Chart!NextDetail` \- 다음 `세부 인코딩` 값

조건 표현식에는 [보고서 매개변수](/activereportsjs/docs/v4.1/#parameters) 및 표준 [연산자](/activereportsjs/docs/v4.1/)에 대한 참조도 포함될 수 있습니다. 조건을 작성하는 가장 쉬운 방법은 `조건` 속성 오른쪽에 있는 상자를 클릭하여 열 수 있는 표현식 편집기를 사용하는 것입니다.
조건이 충족되면 `라인 `플롯의 다음과 같은 시각적 속성을 적용할 수 있습니다.

* 데이터 심볼 기호의 배경색
* 데이터 심볼 기호의 테두리 색상
* 데이터 심볼 기호의 테두리 너비
* 데이터 심볼 기호의 테두리 스타일
* 툴팁 및 라벨 템플릿

예를 들어 [다중 라인 데모](/activereportsjs/demos/Reports/MultipleLinePlot/purejs)의 플롯에 대해 다음 규칙을 설정하여 피크 데이터 심볼(이전 및 다음 데이터 심볼보다 큰 데이터 심볼)에 대한 사용자 정의 형식을 적용할 수 있습니다.
![LineRulesExample](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/5782ed59-7caa-432e-b8fb-3d0b076233da/LineRulesExample.0529d3.png)
결과적으로 아래와 같은 차트를 보여줄 수 있습니다.
![LineRulesOutput](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/5782ed59-7caa-432e-b8fb-3d0b076233da/LineRulesOutput.2fccdc.png)

### 작업

이 속성은 보고서 구독자가 데이터 요소 기호를 클릭할 때 [대화형 작업](/activereportsjs/docs/v4.1/ReportAuthorGuide/Interactivity#action-property)을 결정합니다. [바인딩된 필드 참조](/activereportsjs/docs/v4.1/ReportAuthorGuide/Expressions/references#data-set-fields)를 사용하여 드릴스루 보고서의 매개 변수를 전달하거나 동적 책갈피 또는 URL을 구성할 수 있습니다. 필드 값은 현재 세부 정보 또는 범주의 범위 내에서 평가됩니다. 자세한 내용은 [드릴스루 보고서 연습](/activereportsjs/docs/v4.1/ReportAuthorGuide/QuickStart/분석-보고서-시작하기/Get-Started-With-DrillThrough-Reports)을 참조하십시오. 여기서는 드릴스루 [세로 막대형 도표](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Data-Regions/Chart/plot/column)를 설정하는 방법에 대해 설명하지만 동일한 기법을 꺾은선형 도표에도 적용할 수 있습니다.