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

차트 또는 그래프는 데이터를 시각적으로 표현한 것입니다. 많은 양의 정보를 이해하기 쉬운 시각적 형식으로 압축하여 대화형 커뮤니케이션의 수신자가 복잡한 데이터를 더 잘 시각화, 해석 및 분석할 수 있도록 합니다.

대화형 통신을 만드는 동안 대화형 통신의 양식 데이터 모델에서 2차원 데이터를 시각적으로 나타내는 차트를 추가할 수 있습니다. 차트 구성 요소를 사용하여 원형, 열, 도넛, 막대, 선, 선 및 점, 점, 영역 및 사분면 유형의 차트를 추가하고 구성할 수 있습니다.

대화형 통신에서 차트 추가 및 구성 add-and-configure-chart-in-an-interactive-communication

대화형 통신에서 차트를 추가하고 구성하려면 다음 단계를 수행하십시오.

차트 등록 정보 구성 configure-chart-properties

인쇄 및 웹 채널용 차트를 만드는 동안 다음 속성을 구성합니다.

차트에서 함수 사용 use-functions-in-chart

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

차트의

차트 구성 요소에는 일부 기본 제공 함수가 포함되어 있지만 사용자 지정 함수를 작성하여 웹 채널의 차트 구성에서 사용할 수 있도록 할 수 있습니다.

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

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

Sum X축 또는 Y축에 있는 모든 값의 합계를 다른 축에 있는 지정된 값에 반환합니다.

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

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

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

중간값 X축 또는 Y축에서 다른 축에 지정된 값에 대해 높은 값과 낮은 값을 반으로 구분하는 값을 반환합니다.

최소값 다른 축의 지정된 값에 대한 X축 또는 Y축의 최소값 반환

Mode 다른 축의 지정된 값에 대해 X축 또는 Y축에 가장 많이 발생하는 값을 반환합니다.

자세한 내용은 예 2: 선 차트에서 Sum 및 Frequency 함수 적용을 참조하십시오.

웹 채널의 사용자 정의 함수 customfunctionsweb

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

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

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

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

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

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

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

대화형 통신을 사용하여 생성된 카드 구문을 사용하여 기본 속성의 최소 필요 정보에 대해 자세히 알아보겠습니다. 명세서에 서로 다른 경비의 금액을 나타내는 차트를 생성하려고 한다고 가정해 보겠습니다. 대화형 통신의 인쇄 및 웹 출력에 다양한 유형의 차트를 사용하려고 합니다.

인쇄용 세로 막대형 차트 columnchartprint

이렇게 하려면 다음 속성을 지정합니다.

대화형 통신의 인쇄 채널에 있는 열 차트

웹용 도넛 차트 donutchartweb

이렇게 하려면 다음 속성을 지정합니다.

대화형 통신의 웹 채널에 있는 도넛 차트

예제 2: 라인 차트에서 Sum 및 Frequency 함수 적용 applicationsumfrequency

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

두 개의 "AirBnB에 대한 차변" 거래가 있는 함수가 없는 선 차트

Sum 함수 sum-function

sum 함수를 적용하여 동일한 데이터 속성의 여러 인스턴스 값을 추가하고 한 번만 표시할 수 있습니다. 예를 들어 다음 그래프에서 Y축에 Sum 함수가 적용되어 AirBnB 거래(2050 및 1050)에 대한 두 차변의 금액을 더하고 하나의 거래(3100)만 표시합니다.

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

빈도 함수 frequency-function

Frequency 함수는 다른 축의 주어진 값에 대한 값의 개수 Y축을 반환합니다. Y축(거래 금액)에 Frequency 함수를 적용하면 그래프에 AirBnB 거래에 대한 두 번의 Debit 발생과 나머지 거래 유형에 대한 한 번의 Debit 발생이 표시됩니다.

예제 3: 웹의 다중 계열 Quadrant 차트 example-multi-series-quadrant-chart-in-web

이 차트는 특정 날짜 범위에서 수행된 트랜잭션에 대한 금액을 표시합니다. Quadrant 차트는 차트 영역을 네 개의 레이블이 지정된 섹션으로 나누는 기능을 제공합니다. 이 문자에서는 X축 및 Y축에 정적 참조점을 사용합니다. 다중 시리즈 기능을 사용하여 뱅크의 이름을 기반으로 데이터를 분리합니다.

이렇게 하려면 다음 속성을 지정합니다.