차트 컴포넌트

최근 업데이트 2026. 10. 05.

페이지에서 데이터 차트를 구성하고 표시하는 컴포넌트를 차트 컴포넌트라고 합니다.

차트 컴포넌트를 추가하는 과정은 컴포넌트의 추가 방법을 참고하십시오.

차트 설정

차트 컴포넌트의 설정 영역은 페이지 캔버스 영역의 오른쪽에 있습니다. 차트 컴포넌트를 클릭하여 선택하면 해당 컴포넌트의 설정 내용이 자동으로 펼쳐집니다.

차트 컴포넌트의 설정 내용은 데이터 설정과 스타일 설정으로 구성됩니다.

워크시트 선택

데이터 설정을 시작할 때는 먼저 차트 컴포넌트에서 사용할 워크시트를 선택해야 합니다.

상태가 사용 가능인 워크시트를 사용할 수 있습니다.

이후 편집 중에 선택한 워크시트를 변경할 수도 있습니다. 워크시트를 변경하면 완료된 데이터 설정이 초기화됩니다.

워크시트를 선택하면 설정 영역에서 해당 워크시트의 필드 중 차트 설정에 사용할 수 있는 모든 필드를 볼 수 있습니다.

차트 설정에 사용할 수 있는 필드 타입은 텍스트, 숫자, 날짜, 시간, 불리언이며, 그 밖에 사용할 수 없는 타입의 필드는 차트 설정 영역에 표시되지 않습니다.

데이터 설정

차트 컴포넌트의 데이터 설정은 다음과 같습니다.

• 차원: 데이터를 분류하는 방식으로, 차트가 데이터를 어떻게 나눌지 결정합니다(예: 날짜, 채널, 국가별로 보기).
• 지표: 관찰할 데이터 값으로, 확인하려는 구체적인 정량 결과를 나타냅니다(예: 클릭 수 합계, 잔존율 평균).
• 필터: 조건을 설정하여 데이터를 제외하거나 걸러 내고 특정 부분만 남깁니다.
• 정렬: 데이터의 배열 규칙으로, 차트에서 각 항목의 순서를 결정합니다.

이 중 차원, 지표, 필터는 모두 여러 필드를 한꺼번에 선택하여 드래그해 넣을 수 있습니다.

차트를 렌더링할 때는 데이터 설정 내용에 따라 워크시트의 데이터를 기반으로 다시 집계 계산합니다.

차원(하위 차원) 설정

모든 타입의 필드를 차원 설정에 사용할 수 있으며, 오른쪽에서 필드를 차원 설정 영역으로 드래그해 넣을 수 있습니다

차원 필드 하나를 선택하면 해당 차원에 대해 다음 작업을 할 수 있습니다.

• 숨기기: 1차원 테이블에서만 지원하는 설정입니다. 숨긴 차원 필드는 계산에는 정상적으로 사용되지만 표에는 표시되지 않습니다
• 필드 편집: 차트에 표시되는 이름을 수정합니다. 워크시트의 필드 이름에는 영향을 주지 않습니다
• 제거: 해당 필드를 제거합니다

지표 설정

모든 타입의 필드를 지표 설정에 사용할 수 있으며, 오른쪽에서 필드를 지표 설정 영역으로 드래그해 넣을 수 있습니다

지표 필드 하나를 선택하면 해당 지표에 대해 다음 작업을 할 수 있습니다.

• 집계 방식: 합계, 평균, 카운트, 중복 제거 횟수, 최댓값, 최솟값을 지원합니다
• 숫자 표시 형식: 반올림, 소수 자릿수 수정, 백분율 자릿수 수정, 커스텀 형식을 지원합니다
• 숨기기: 1차원 테이블에서만 지원하는 설정입니다. 숨긴 지표 필드는 계산에는 정상적으로 사용되지만 표에는 표시되지 않습니다
• 필드 편집: 차트에 표시되는 이름을 수정합니다. 워크시트의 필드 이름에는 영향을 주지 않습니다
• 제거: 해당 필드를 제거합니다

단일 필드를 집계하는 것 외에도 커스텀 지표를 추가하여 잔존율, 1인당 결제 금액 같은 수식 유형의 계산을 할 수 있습니다. 자세한 내용은 커스텀 지표를 참고하십시오. 공통 지표를 이미 설정했다면 바로 사용할 수도 있습니다.

필터 설정

모든 타입의 필드를 필터 설정에 사용할 수 있습니다.

필터 결과는 현재 설정 중인 차트에만 적용되며, 같은 워크시트를 사용하는 다른 차트에는 영향을 주지 않습니다.

필터 필드 하나를 선택하면 다음 작업을 할 수 있습니다.

• 필터 설정: 필터 규칙을 설정하고, 필터 필드를 차트 내 필터로 설정할 수 있습니다.

  • 차트 내 필터로 설정하면 차트 위쪽에 표시되며, 뷰어도 필요에 따라 필터 규칙을 조정할 수 있습니다.
  • 기본 필터 규칙은 편집자가 설정 영역에서 설정한 필터 규칙입니다.
  • 필터 규칙을 설정하지 않으면 해당 필드의 필터는 적용되지 않습니다.

• 필드 편집: 차트에 표시되는 이름을 수정합니다. 워크시트의 필드 이름에는 영향을 주지 않습니다

• 제거: 해당 필드를 제거합니다

정렬 설정

이미 추가한 차원과 지표만 정렬에 추가할 수 있습니다.

정렬 항목이 여러 개이면 먼저 정렬 항목의 순서대로 혼합 정렬한 뒤, 정렬된 데이터로 차트를 렌더링하고 표시합니다.

숫자 타입의 정렬 항목은 오름차순과 내림차순으로 정렬할 수 있습니다. 숫자가 아닌 타입은 알파벳순으로 정렬할 수 있습니다.

지표를 정렬에 추가하면 지표의 계산 결과를 기준으로 정렬합니다.

스타일 설정

스타일 설정으로 차트의 표시 스타일을 원하는 대로 설정할 수 있습니다. 차트 타입에 따라 설정할 수 있는 스타일 항목이 다릅니다. 구체적인 설정 내용은 아래 차트 타입에서 확인하십시오.

차트 타입

1차원 테이블

데이터 설정에서는 지표를 하나 이상 설정해야 하며, 차원, 필터, 정렬은 선택적으로 설정할 수 있습니다.

스타일 설정에는 다음 항목이 있습니다.

• 차트 제목: 켜면 차트 제목이 차트 위쪽에 표시됩니다
• 텍스트 정렬: 표의 헤더, 차원, 지표의 정렬 방식을 설정할 수 있습니다
• 테이블 스타일: 세 가지 헤더 및 교차 행 스타일 중에서 선택할 수 있습니다
• 페이지당 표시 행 수: 한 페이지에 표시할 행 수를 선택할 수 있으며, 데이터 행 수가 페이지당 행 수를 넘으면 페이지 넘김 옵션이 나타납니다
• NULL 값 표시: 워크시트의 NULL 값을 설정에 따라 표시합니다
• 외관 설정: 이 컴포넌트의 배경색, 테두리 색상, 테두리 두께를 설정합니다

피벗 테이블

데이터 설정에서는 지표를 하나 이상 설정해야 하며, 행 차원, 열 차원, 필터, 정렬은 선택적으로 설정할 수 있습니다.

스타일 설정에는 다음 항목이 있습니다.

• 차트 제목: 켜면 차트 제목이 차트 위쪽에 표시됩니다
• 텍스트 정렬: 표의 헤더, 차원, 지표의 정렬 방식을 설정할 수 있습니다
• 테이블 스타일: 세 가지 헤더 및 교차 행 스타일 중에서 선택할 수 있습니다
• 페이지당 표시 행 수: 한 페이지에 표시할 행 수를 선택할 수 있으며, 데이터 행 수가 페이지당 행 수를 넘으면 페이지 넘김 옵션이 나타납니다
• NULL 값 표시: 워크시트의 NULL 값을 설정에 따라 표시합니다
• 합계 표시: 행 합계와 열 합계의 표시 여부를 선택할 수 있습니다
• 외관 설정: 이 컴포넌트의 배경색, 테두리 색상, 테두리 두께를 설정합니다

꺾은선 차트

데이터 설정에서는 지표를 하나 이상 설정해야 하며, 차원, 하위 차원, 필터, 정렬은 선택적으로 설정할 수 있습니다.

스타일 설정에는 다음 항목이 있습니다.

• 차트 제목: 켜면 차트 제목이 차트 위쪽에 표시됩니다
• 지표 설정: 지표가 여러 개이면 지표별로 꺾은선의 곡선, 직선, 선 두께를 설정할 수 있습니다
• 좌표 축: 좌표축 표시 여부와 레이블 간격을 설정합니다. X축은 레이블 표시 각도를, Y축은 최댓값과 최솟값을 설정할 수 있습니다
• 표시 개수: 꺾은선 차트를 렌더링할 때 X축 차원 수의 상한과, 선 개수를 결정하는 하위 차원 수의 상한을 설정합니다
• 누락 데이터: 차원은 있지만 해당 지표의 계산 결과가 없을 때 꺾은선 차트를 어떻게 렌더링할지 설정합니다
• 외관 설정: 이 컴포넌트의 배경색, 테두리 색상, 테두리 두께를 설정합니다

지표 카드

데이터 설정에서는 지표를 하나 이상 설정해야 하며, 차원과 필터는 선택적으로 설정할 수 있습니다.

지표가 여러 개이면 지표가 나란히 표시되고, 차원을 설정한 경우에는 차원 값별로 각 차원에 해당하는 지표 값이 표시됩니다.

스타일 설정에는 다음 항목이 있습니다.

• 차트 제목: 켜면 차트 제목이 차트 위쪽에 표시됩니다
• 정렬 방식: 설정한 정렬 방식은 모든 차원 값, 지표 값, 지표명에 적용됩니다
• 표시: 지표 카드에 차원이 설정되어 있으면 한 줄에 표시할 최대 차원 수를 설정할 수 있으며, 이를 넘으면 줄을 바꿔 표시합니다
• 지표 스타일: 지표명을 표시하며, 지표 이름과 지표 값의 글꼴 색상과 크기를 설정할 수 있습니다
• 차원 스타일: 차원이 설정되어 있으면 차원 이름의 글꼴 색상과 크기, 그리고 최대로 표시할 차원의 총개수를 설정할 수 있습니다
• NULL 값 표시: 워크시트의 NULL 값을 설정에 따라 표시합니다
• 외관 설정: 이 컴포넌트의 배경색, 테두리 색상, 테두리 두께를 설정합니다

진행률 차트

진행률 바, 원형 진행률 바, 물결 차트 및 게이지 차트.

데이터 설정에서는 지표 하나 이상과 목표값 하나를 설정해야 합니다. 필터는 선택적으로 설정할 수 있습니다.

스타일 설정에는 다음 항목이 있습니다.

• 차트 제목: 켜면 차트 제목이 차트 위쪽에 표시됩니다
• 현재값/목표값: 현재값과 목표값 텍스트의 색상, 글꼴 크기, 위치를 조정합니다.
• 지표 스타일: 지표 이름과 비율 텍스트의 색상, 글꼴 크기, 소수 자릿수를 조정합니다.
• 진행률 바/물결 차트/게이지 차트 스타일: 컴포넌트의 모드, 투명도, 외곽 링 두께를 조정합니다.
• 색상 설정: 컴포넌트의 색상을 조정합니다.
• 외관 설정: 이 컴포넌트의 배경색, 테두리 색상, 테두리 두께를 설정합니다

막대 차트

누적 막대그래프와 백분율 누적 막대그래프의 설정은 막대 차트와 같습니다.

데이터 설정에서는 지표를 하나 이상 설정해야 하며, 차원, 하위 차원, 필터, 정렬은 선택적으로 설정할 수 있습니다.

스타일 설정에는 다음 항목이 있습니다.

• 차트 제목: 켜면 차트 제목이 차트 위쪽에 표시됩니다
• 막대 스타일: 막대 테두리와 막대 모서리의 둥글기를 설정합니다
• 차트 전환: 가로 막대그래프와 세로 막대그래프 사이를 전환하거나, 누적 막대그래프와 백분율 누적 막대그래프 사이를 전환할 수 있습니다
• 좌표 축: 좌표축 표시 여부와 레이블 간격을 설정합니다. X축은 레이블 표시 각도를, Y축은 최댓값과 최솟값을 설정할 수 있습니다
• 표시 개수: 막대 차트를 렌더링할 때 X축 차원 수의 상한과 하위 차원 수의 상한을 설정합니다
• 외관 설정: 이 컴포넌트의 배경색, 테두리 색상, 테두리 두께를 설정합니다

파이 차트

데이터 설정에서는 차원(섹터 분류로 사용)과 지표(섹터 비율로 사용)를 반드시 설정해야 하며, 그룹, 색상, 크기, 필터는 선택적으로 설정할 수 있습니다. 정렬은 설정할 수 없습니다(파이 차트에는 정렬 로직이 없음)

스타일 설정에는 다음 항목이 있습니다.

• 차트 제목: 켜면 차트 제목이 차트 위쪽에 표시됩니다

• 플롯 영역: 차원 값의 색상을 지정하고 채우기 투명도(기본값 85%)를 설정할 수 있습니다

• 좌표 축

  • 섹터 수: 파이 차트에 표시되는 섹터 수에 영향을 줍니다. 이를 넘는 차원 값의 데이터는 기타로 집계됩니다
  • 섹터 반지름: 파이 차트의 크기에 영향을 줍니다
  • 내부 반지름: 가운데 빈 부분의 크기에 영향을 줍니다(즉 도넛형이 됩니다). 기본값은 0입니다
  • 내부 테두리: 섹터에 테두리를 추가합니다

• 태그

  • 레이블 표시: 기본적으로 표시되며, 끌 수 있습니다
  • 켜면 차원, 지표, 백분율의 표시 여부를 추가로 설정할 수 있습니다

• 범례

  • 범례 표시: 기본적으로 표시되며, 끌 수 있습니다
  • 위치: 위, 아래(기본값), 왼쪽, 오른쪽
  • 정렬 방식: 왼쪽(기본값), 가운데, 오른쪽

• NULL 값 표시: 워크시트의 NULL 값을 설정에 따라 표시합니다

• 외관 설정: 이 컴포넌트의 배경색, 테두리 색상, 테두리 두께를 설정합니다

산점도/버블 차트

데이터 설정에서는 X축, Y축 지표와 그룹을 반드시 설정해야 하며, 크기와 필터는 선택적으로 설정할 수 있습니다. 정렬은 설정할 수 없습니다.

스타일 설정에는 다음 항목이 있습니다.

• 차트 제목: 켜면 차트 제목이 차트 위쪽에 표시됩니다

• 플롯 영역: 차원 값의 색상을 지정하고 채우기 투명도(기본값 85%)를 설정할 수 있습니다

• 좌표 축: 좌표축 표시 여부와 레이블 간격을 설정합니다. X축은 레이블 표시 각도를, Y축은 최댓값과 최솟값을 설정할 수 있습니다

• 눈금선: 차트에 눈금선을 표시할지 여부를 설정합니다

• 범례

  • 범례 표시: 기본적으로 표시되며, 끌 수 있습니다
  • 위치: 위, 아래(기본값), 왼쪽, 오른쪽
  • 정렬 방식: 왼쪽(기본값), 가운데, 오른쪽

• NULL 값 표시: 워크시트의 NULL 값을 설정에 따라 표시합니다

• 외관 설정: 이 컴포넌트의 배경색, 테두리 색상, 테두리 두께를 설정합니다

이중 축 콤보 차트

데이터 설정에서는 주 축 지표 또는 보조 축 지표를 하나 반드시 설정해야 하며, 차원, 하위 차원, 필터, 정렬은 선택적으로 설정할 수 있습니다.

이중 축 콤보 차트에만 있는 스타일 설정 항목은 다음과 같습니다.

• 차트 전환: 주 축과 보조 축의 차트 타입을 각각 설정할 수 있으며, 막대 차트, 누적 막대그래프, 누적 비율 차트, 꺾은선 차트를 지원합니다
• 꺾은선 스타일: 꺾은선 차트 설정과 같습니다
• 막대 스타일: 막대 차트 설정과 같습니다