v2.2
v2.2v2.1

꺾은선형 도표

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

한 줄 꺾은선형 도표

한 줄 꺾은선형 도표는 데이터 값 하나의 변화를 시각화합니다.

예를 들어, 한 줄 꺾은선형 데모는 1년 동안 몇 가지 제품의 반품 변화를 보여줍니다.

여러 줄 꺾은선형 도표

여러 줄 꺾은선형 도표를 사용하면 변화를 보다 세분화해 분석하기 위해 데이터 값을 하위 범주로 분할할 수 있습니다.

예를 들어, 여러 줄 꺾은선형 데모에서는 온라인 및 매장 판매 채널에서 1년간 일부 제품의 순 매출의 변화를 보여줍니다.

여러 값 꺾은선형 도표

또한 동일한 기간에 관련이 있거나 없는 여러 데이터 값의 변화를 표시할 수도 있습니다. 예를 들어 여러 값 꺾은선형 데모에서는 1년 동안 일부 제품에 대한 순 매출, 판매 제품 원가순 수익 변화를 보여줍니다.

다음 섹션에서 설명하는 꺾은선형 도표 템플릿과 속성을 사용하여 이러한 모든 유형을 구성할 수 있습니다. 곡선형 템플릿은 미리 구성된 선 측면 속성 값에 대한 바로 가기입니다.

다음 데모를 사용하여 도표 속성을 살펴보고, 링크를 열고, 보고서 탐색기를 토글하고, 도표 - 도표 1 노드를 선택하고, 속성 패널을 사용하여 구성을 수정할 수 있습니다.

아래 나열된 보고서 파일을 다운로드하여 독립 실행형 보고서 디자이너에서 열 수 있습니다.

데이터 값

꺾은선형 도표의 컬렉션은 시간에 따라 변화하는 데이터 값을 결정합니다. 컬렉션 항목은 다음 두 가지 속성으로 구성됩니다.

  • 은 일반적으로 바인딩된 필드 참조입니다. 참고: 이 속성은 컬렉션이지만 꺾은선형 도표는 첫 번째 항목만 사용합니다.
  • 집계는 여러 필드 값을 단일 값으로 줄이는 선택적 함수입니다(예: Count 또는 Average).

여러 값 꺾은선형 데모에서처럼 여러 데이터 값이 여러 줄을 생성합니다. 범례에 값 이름 표시 플래그를 전환하여 선 색과 해당하는 데이터 값 이름 간 일치를 표시하는 색 범례를 도표에 제공할 수 있습니다.

범주 인코딩

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

  • 범주는 일반적으로 바인딩된 필드 참조입니다. 해당 필드와 값이 동일한 바인딩된 데이터 집합 레코드는 동일한 범주에 속합니다. 고유한 범주가 기간을 형성합니다. 예를 들어, 한 줄 꺾은선형 데모는 각 데이터 레코드의 반품 수량판매 날짜 필드를 포함하는 판매 데이터 집합에 바인딩됩니다. 이 도표의 범주{MonthName(Month(SalesDate))} 식으로 설정됩니다. 따라서 도표는 판매 데이터 집합을 거치면서 판매 날짜 값에서 고유한 월을 찾은 다음 월마다 범주를 하나씩 생성합니다. 한 줄 꺾은선형 데모 출력을 미리 보는 경우 가로 을 따라 12개월이 정렬되어 있습니다.

  • 범주 정렬 구성은 범주 값 모양의 순서를 결정합니다. 예를 들어, 한 줄 꺾은선형 데모의 도표에는 연도순 정렬을 보장하기 위해 범주 정렬 식 = {Month(SalesDate)}, 범주 정렬 방향 = 오름차순 설정이 있습니다.

세부 정보 인코딩

세부 정보 인코딩을 사용하면 변화를 더욱 세부적으로 분석하기 위해 위 데이터 값을 하위 범주로 나눌 수 있습니다.

꺾은선형 도표의 세부 정보 속성은 하위 범주를 정의하는 항목의 컬렉션입니다. 각 항목에는 다음과 같은 속성이 있습니다.

  • 은 일반적으로 하나 이상의 바운딩 필드 참조입니다. 해당 필드와 값이 동일한 바인딩된 데이터 집합 레코드는 동일한 하위 범주에 속합니다. 예를 들어, 여러 줄 꺾은선형 데모에서 세부 정보 값은 {ChannelKey}입니다. 따라서 각 월의 매출 금액온라인매장 하위 범주로 분할되고, 각 하위 범주는 데이터 요소를 생성합니다.
  • Null 제외 플래그는 정의되지 않은 세부 정보 값이 있는 데이터 집합 레코드가 시각화에서 제외되어야 함을 나타냅니다.

색 인코딩

색 인코딩범주 인코딩 또는 세부 정보 인코딩색 범례를 활성화하고 과 여러 값을 하나의 값으로 줄이는 선택적 색 집계 함수를 포함합니다.

세부 정보 인코딩이 비어 있다고 가정해 보겠습니다. 이러한 경우 꺾은선형 도표는 범주 인코딩에서 생성되는 범주에 대해 고유한 색 인코딩 결과를 계산하고 그 결과를 해당하는 기호의 배경색으로 변환합니다.

그러지 않은 경우, 도표는 세부 정보 인코딩에서 생성되는 하위 범주에 대해 고유한 색 인코딩 결과를 계산하고 그 결과를 해당하는 의 색으로 변환합니다.

두 가지 경우 모두 도표는 차트 팔레트에서 색을 선택하고 색과 범례의 인코딩 결과 간 일치를 표시합니다.

예를 들어, 여러 줄 꺾은선형 데모의 색 인코딩에서는 {ChannelName} 식을 사용합니다. 따라서 보고서 출력에는 채널 이름을 해당 선 색과 일치시키는 색 범례가 표시됩니다.

참고: 스타일 섹션에서 선 색 속성을 재설정하면 색 인코딩이 작동합니다.

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

셰이프 인코딩

색 인코딩범주 인코딩 또는 세부 정보 인코딩셰이프 범례를 활성화하고 셰이프 과 여러 셰이프 값을 하나의 값으로 줄이는 선택적 집계 함수를 포함합니다.

세부 정보 인코딩이 비어 있다고 가정해 보겠습니다. 이러한 경우 꺾은선형 도표는 범주 인코딩에서 생성되는 범주에 대해 고유한 셰이프 인코딩 결과를 계산하고 그 결과를 해당하는 기호의 셰이프로 변환합니다.

그러지 않은 경우, 도표는 세부 정보 인코딩에서 생성되는 하위 범주에 대해 고유한 셰이프 인코딩 결과를 계산하고 그 결과를 해당하는 기호의 셰이프로 변환합니다.

여러 줄 꺾은선형 데모에 대해 셰이프 식을 {ChannelName}으로 설정할 수 있습니다. 따라서 도표가 온라인 및 매장 채널에 대해 다른 기호를 사용합니다.

참고: 꺾은선형 도표의 기호 셰이프 속성을 자동으로 설정하면 셰이프 인코딩이 작동합니다.

셰이프 인코딩의 예

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

크기 인코딩

크기 인코딩 구성은 크기 범례를 활성화하고 크기 과 여러 크기 값을 단일 값으로 줄이는 크기 집계 함수를 포함합니다. 크기 인코딩은 숫자 값으로만 작동하며 기호의 크기를 결정하는 범위로 데이터 값을 나눕니다. 따라서 꺾은선형 차트에서 추가 정보를 인코딩할 수 있습니다.

여러 줄 꺾은선형 데모에서 크기 식을 {SalesAmount}로, 크기 집계를 Count로 설정하면 이 도표는 기호의 크기를 사용하여 각 월에 대한 판매 횟수를 시각화할 수 있습니다.

크기 인코딩의 예

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

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

다음 속성을 사용하면 꺾은선형 도표를 구성하는 기호와 선의 모양을 미세하게 조정할 수 있습니다. 꺾은선형 데모의 구성을 수정하여 그 결과를 실제로 확인할 수 있습니다.

불투명도기호 불투명도는 각각 선과 기호의 불투명도를 결정하는 숫자(%)입니다. 100%는 불투명한 상태를, 0%는 완전히 투명한 상태를 의미합니다.

선 측면 속성은 데이터 요소를 연결하는 선의 스타일을 결정합니다.

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

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

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

클리핑 모드도표 영역이 도표를 그리는 방식을 나타냅니다.

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

스타일 섹션의 속성은 앞에서 설명한 색 인코딩을 비롯하여 다른 선 색 설정을 덮어씁니다.

속성, 배경색 식, 기호 셰이프기호 표시 플래그를 사용하면 기호의 모양을 설정할 수 있습니다. 기호 셰이프자동이면 도표에서는 기본값을 선택하거나 앞에서 설명한 셰이프 인코딩을 적용합니다.

도구 설명 및 레이블 템플릿

다음 내용과 함께 데이터 요소 기호에 도구 설명과 레이블을 표시할 수 있습니다. 이 두 항목은 도구 설명 템플릿레이블 텍스트 템플릿 식을 사용하여 각각 설정할 수 있습니다.

드롭다운 목록에서 다음 값 중 하나를 선택할 수 있습니다.

  • 값 필드 이름은 일반적으로 데이터 값에 바인딩된 필드 이름을 의미합니다.
  • 값 필드 값은 포함 범주 또는 세부 정보 내 현재 데이터 값을 의미합니다.
  • 세부 정보의 백분율세부 정보가 동일한 모든 값 중에서 현재 데이터 값의 점유율(%)을 의미합니다.
  • 범주의 백분율범주가 동일한 모든 값 중에서 현재 데이터 값의 점유율(%)을 의미합니다.
  • 범주 필드 이름은 일반적으로 범주 인코딩에 바인딩된 필드 이름을 의미합니다.
  • 범주 필드 값은 현재 범주 인코딩 값을 의미합니다.
  • 세부 정보 필드 이름은 일반적으로 세부 정보 인코딩에 바인딩된 필드 이름을 의미합니다.
  • 세부 정보 필드 값은 현재 세부 정보 인코딩 값을 의미합니다.
  • 색 필드 이름은 일반적으로 색 인코딩에 바인딩된 필드 이름을 의미합니다.
  • 색 필드 값은 현재 색 인코딩 값을 의미합니다.

또한 템플릿의 식 편집기에서 보간 구문서식이 지정된 지원되는 문자열을 사용하여 이러한 값에 대한 서식을 설정할 수도 있습니다. 예를 들어, 여러 줄 꺾은선형 데모에서 레이블 텍스트 템플릿{valueField.value:C2}로 설정하여 순 매출 금액을 통화로 표시할 수 있습니다.

레이블 모양

레이블 텍스트 섹션의 텍스트 속성 하위 집합 및 레이블 테두리 섹션의 선 속성을 사용하면 도표 레이블의 해당하는 시각적 매개 변수를 설정할 수 있습니다.

픽셀로 표시되는 레이블 위치 및 선택적 오프셋은 부모 데이터 요소 기호를 기준으로 레이블의 위치를 결정합니다.

  • 내부 - 내부
  • 외부 - 위쪽
  • 가운데 - 가운데
  • 자동 - 외부와 같음

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

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

레이블 선 섹션의 선 속성을 사용하면 레이블과 부모 데이터 요소 사이에 연결 선을 추가할 수 있습니다. 레이블 선 위치는 레이블의 경계 상자와 선의 연결 점을 결정합니다.

  • 자동 - 자동으로 선택됨
  • 가운데 - 경계 상자측 가운데

작업

이 속성은 보고서 구독자가 데이터 요소 기호를 클릭할 때 대화형 작업을 결정합니다. 바인딩된 필드 참조를 사용하여 드릴스루 보고서의 매개 변수를 전달하거나 동적 책갈피 또는 URL을 구성할 수 있습니다. 필드 값은 현재 세부 정보 또는 범주의 범위 내에서 평가됩니다. 자세한 내용은 드릴스루 보고서 연습을 참조하십시오. 여기서는 드릴스루 세로 막대형 도표를 설정하는 방법에 대해 설명하지만 동일한 기법을 꺾은선형 도표에도 적용할 수 있습니다.