대화형 커뮤니케이션에서 차트 사용 using-charts-in-interactive-communications

대화형 커뮤니케이션에서 차트를 사용하면 대량의 정보를 쉽게 분석하고 이해할 수 있는 시각적 형식으로 압축할 수 있습니다

차트 또는 그래프는 데이터를 시각적으로 나타냅니다. 많은 양의 정보를 쉽게 이해할 수 있는 시각적 형식으로 압축하여 대화형 커뮤니케이션의 수신자가 복잡한 데이터를 보다 효과적으로 시각화, 해석 및 분석할 수 있도록 합니다.

대화형 커뮤니케이션을 만드는 동안 Interactive Communication의 양식 데이터 모델에서 시각적으로 2차원 데이터를 나타내는 차트를 추가할 수 있습니다. 차트 구성 요소로 다음 유형의 차트를 추가하고 구성할 수 있습니다.

대화형 커뮤니케이션에서 차트 추가 및 구성 add-and-configure-chart-in-an-interactive-communication

다음 단계를 완료하여 대화형 커뮤니케이션에 차트를 추가합니다.

예제 1: 인쇄 및 웹의 차트 출력 chartoutputprintweb

기본 탭에서 차트 유형, 데이터가 포함된 소스 양식 데이터 모델 등록 정보, 차트의 x축 및 y축에 표시할 레이블 및 선택적으로 통계적 함수를 정의하여 차트에 플로팅할 값을 계산합니다.

대화형 커뮤니케이션을 사용하여 생성된 신용 카드 명세서의 도움을 받아 기본 속성에서 필요한 최소 정보에 대해 자세히 알아보겠습니다. 명세서에서 서로 다른 비용의 양을 설명하는 차트를 생성하려는 경우를 고려하십시오. 대화형 커뮤니케이션의 인쇄 및 웹 출력에 다양한 유형의 차트를 사용하려고 합니다.

이를 수행하려면 다음을 지정해야 합니다.

그림: 대화형 커뮤니케이션의 인쇄 출력에 있는 열 차트

A. Y축 - 양식 데이터 모델 속성에서 가져온 금액 및 Title 속성을 금액($)으로 설정합니다. B. 왼쪽 기울기로 설정된 X축의 레이블 방향 C. X축 - 양식 데이터 모델 등록 정보에서 가져온 비용 설명 및 제목 등록 정보가 비용으로 설정되어 있습니다

그림: 대화형 커뮤니케이션의 웹 출력에 있는 도넛 차트

A. 도넛의 내부 반경 속성이 설정되어 있습니다 B. 범례 표시 속성이 선택되어 있고 범례 위치 속성이 오른쪽으로 설정되어 있습니다 C. 도구 설명에 마우스 위에 있는 항목의 세부 정보가 표시됩니다. 도구 설명이 ${x}(으)로 설정되어 있습니다. $

예제 2: 라인 차트에서 합계 및 빈도 함수 적용 applicationsumfrequency

차트에 함수를 적용하면 양식 데이터 모델에서 직접 제공하지 않는 데이터를 플롯할 수 있습니다. 이 예에서는 차트에 Sum 및 Frequency 함수를 적용하는 방법을 이해하기 위해 신용 카드 명세서 예를 사용합니다.

그림: 세 가지 "Bed and Breakfast" 트랜잭션을 가진 기능이 없는 라인 차트

Sum 함수 sum-function

합계 함수를 적용하여 동일한 데이터 속성의 여러 인스턴스 값을 추가하고 한 번만 표시할 수 있습니다. 예를 들어, 다음 그래프에서 Sum 함수는 Y축에 적용되어 세 개의 Bed and Breakfast 트랜잭션($99.45, $78, $12)의 금액을 추가하고 하나의 트랜잭션($189.45)만 표시합니다.

Sum 함수는 동일한 데이터 속성의 여러 인스턴스에 대해 합계를 모으고 표시하려는 경우 그래프를 보다 유용하게 사용할 수 있습니다.

빈도 함수 frequency-function

Frequency 함수는 다른 축에 지정된 값에 대해 X축이나 Y축에 있는 값 수를 반환합니다. y축(금액/환산 금액)에 주파수 기능을 적용하면 Bed and Breakfast 트랜잭션의 발생 3개와 나머지 트랜잭션 유형의 발생 1개가 있음을 그래프에 표시합니다.

차트의 기본 속성 basicpropertiescharts

기본 탭에서 다음 속성을 구성할 수 있습니다.

이름 차트 요소의 식별자입니다. 이름은 차트에 표시되지 않지만 다른 구성 요소, 스크립트 및 SOM 표현식에서 요소를 참조할 때 도움이 됩니다.

제목(인쇄 채널만) 차트의 제목을 지정합니다.

차트 유형 생성할 차트 유형을 지정합니다. 사용 가능한 옵션은 원형, 열, 도넛, 막대(웹 채널만 해당), 선, 선 및 점, 점 및 영역입니다. 자세한 내용은 예제 1: 인쇄 및 웹의 차트 출력

X축 > 제목 x축의 제목을 지정합니다.

X축 > 데이터 모델 개체 * x축에 표시할 양식 데이터 모델 수집 항목의 이름을 지정합니다.

X축 > 함수 x축의 값을 계산하는 데 사용할 통계/사용자 지정 함수를 지정합니다. 함수에 대한 자세한 내용은 차트에서 함수 사용 및 예제 2를 참조하십시오. 라인 차트에서 합계 및 평균 함수 적용.

X축 > 레이블 방향 인쇄 채널의 차트에 있는 레이블의 방향입니다. 레이블의 방향을 [사용자 정의 회전]으로 선택하면 [사용자 정의 회전 각도(도)] 필드가 나타납니다. [사용자 정의 회전 각도(도)] 필드에서 15도의 단계에서 회전 각도를 선택할 수 있습니다.

Y축 > 제목 y축의 제목을 지정합니다.

Y축 > 데이터 모델 개체 * y축에 표시할 양식 데이터 모델 수집 항목을 지정합니다. 인쇄 채널에서 Y축에 대한 데이터 모델 개체는 Number 유형이어야 합니다.

Y축 > 함수 y축 값을 계산하는 데 사용할 통계/사용자 지정 함수를 지정합니다. 함수에 대한 자세한 내용은 차트에서 함수 사용 및 예제 2를 참조하십시오. 라인 차트에서 합계 및 평균 함수 적용.

범례 표시 활성화되면 파이 또는 도넛 차트에 대한 범례를 표시합니다.

범례 위치 차트에 대한 범례 위치를 지정합니다. 사용 가능한 옵션은 오른쪽, 왼쪽, 위쪽 및 아래쪽 입니다.

높이(인쇄 채널만) 차트의 픽셀 단위 높이입니다.

너비(인쇄 채널만) 차트의 픽셀 단위 너비입니다.

도구 설명(웹 채널만) 웹 채널의 차트의 데이터 포인트 위에 마우스를 올려 놓을 때 도구 설명이 나타나는 형식을 지정합니다. 기본값은 ${x}(${y})입니다. 차트 유형에 따라 차트의 점, 막대 또는 슬라이스를 마우스로 가리키면 ${x} 및 ${y} 변수가 x축 및 y축에 있는 해당 값으로 동적으로 대체되고 도구 설명에 표시됩니다.

도구 설명을 비활성화하려면 도구 설명 필드를 비워 둡니다. 이 옵션은 선 및 영역 차트에 적용할 수 없습니다. 예를 들어 예제 1: 인쇄 및 웹의 차트 출력.

CSS 클래스(웹 채널만 해당) 차트에 사용자 지정 스타일을 적용할 CSS 클래스 필드에 CSS 클래스의 이름을 지정합니다.

이전 페이지에서 반드시 입력해야 하는 페이지 나누기(인쇄 채널만 해당) 차트 앞에 필수 페이지 나누기를 추가하고 차트를 새 페이지의 맨 위에 놓습니다.

다음 기간 이후에 페이지 나누기 필수(인쇄 채널만 해당) 차트 뒤에 필수 페이지 나누기를 추가하고 차트 다음에 나오는 내용을 새 페이지 맨 위에 배치하려면 선택합니다.

들여쓰기(인쇄 채널만 해당) 페이지 왼쪽에서 차트의 들여쓰기를 지정합니다.

차트별 구성 일반적인 구성 외에 다음과 같은 차트별 구성을 사용할 수 있습니다.

차트에서 함수 사용 usefunction

통계적 함수를 사용하여 차트의 플로팅을 위한 소스 데이터의 값을 계산하도록 차트를 구성할 수 있습니다. 차트에 함수를 적용하면 양식 데이터 모델에서 직접 제공하지 않는 데이터를 플롯할 수 있습니다.

차트 구성 요소에는 몇 가지 내장된 기능이 포함되어 있지만, 고유한 함수를 작성하여 웹 채널의 차트 구성에서 사용할 수 있도록 할 수 있습니다.

기본 함수 default-functions

차트 구성 요소에서는 기본적으로 다음 함수를 사용할 수 있습니다.

평균(평균) 다른 축에 지정된 값에 대한 X축 또는 Y축 값의 평균 반환

합계 다른 축에 지정된 값에 대해 X축이나 Y축에 있는 모든 값의 합계를 반환합니다.

최대 다른 축에 지정된 값에 대한 X축 또는 Y축 값의 최대값을 반환합니다.

빈도 다른 축에 지정된 값에 대해 X축 또는 Y축에 있는 값 수를 반환합니다.

범위 다른 축에 지정된 값에 대해 X축이나 Y축에 있는 값의 최대값과 최소값 간의 차이를 반환합니다.

중간값 다른 축에 지정된 값에 대해 X축이나 Y축에 있는 보다 높은 값과 낮은 값을 구분하는 값을 반환합니다.

최소 다른 축에 지정된 값에 대한 X축 또는 Y축에 있는 값의 최소값을 반환합니다.

모드 다른 축에 지정된 값에 대해 X축이나 Y축에 대부분의 발생 횟수가 있는 값을 반환합니다

웹 채널의 사용자 지정 함수 custom-functions-in-web-channel

차트에서 기본 함수를 사용하는 것 외에도 JavaScript™으로 사용자 지정 함수를 작성하여 웹 채널에 대한 차트 구성 요소의 함수 목록에서 사용할 수 있도록 할 수 있습니다.

함수는 배열 또는 값을 사용하고 카테고리 이름을 입력으로 사용하여 값을 반환합니다. 예:

Multiply(valueArray, category) {
 var val = 1;
 _.each(valueArray, function(value) {
 val = val * value;
 });
 return val;
}

사용자 지정 함수를 작성한 후 다음을 수행하여 차트 구성에서 사용할 수 있도록 합니다.

이제 함수를 차트에서 사용할 수 있습니다.