용어집
애니메이션
차트를 수정한 후 처음 그리거나 다시 그릴 때 모션을 포함하는 옵션입니다. 애니메이션에서 자세히 알아보세요.
주석
차트의 데이터 포인트에 대한 정적 라벨입니다.
annotation
는 DataTable
및 DataView
클래스에 사용할 수 있는 열 역할이며 주석 차트와 혼동해서는 안 됩니다.
축
좌표 측정값을 나타내는 차트의 참조선입니다. Google 차트에서 두 가지 기본 축은 다음 중 하나로 분류됩니다.
Google 차트에서는 이를 'x' 및 'y' 축이라고 부르지 않습니다. 모호할 수 있기 때문입니다. Google 차트에서는 사용자가 '도메인 값을 표시하는 축'과 '가로축' 사이의 기존 연결을 끊을 수 있으며 어떤 'x 축'이 설명하는지 명확하지 않습니다. 예를 들어 차트의 방향을 뒤집어 세로축에 도메인 변수를 표시할 수 있습니다.
콜백
나중에 첫 번째 코드를 '콜백'하거나 실행할 것으로 예상되는 두 번째 코드에 인수로 전달되는 실행 가능한 코드입니다. Google 차트에서 콜백은 일반적으로 라이브러리 로더 및 이벤트 핸들러와 함께 사용됩니다. 예: 'Google 차트 라이브러리가 로드될 때 실행되도록 콜백을 설정하세요.'
차트 유형
JavaScript 객체로 구현되는 데이터 표현, 모양, 옵션의 조합입니다. 차트 유형의 예로는 원형 차트와 풍선형 차트가 있습니다.
전체 목록은 차트 갤러리를 참고하세요.
ChartEditor
Google 차트를 즉시 수정할 수 있는 사용자 인터페이스로, 모든 웹페이지에 포함할 수 있습니다.
ChartEditor에서 자세히 알아보세요.
ChartWrapper
차트를 래핑하고 차트의 모든 로드, 그리기, 데이터 소스에 대한 쿼리를 처리할 수 있는 JavaScript 클래스입니다.
대시보드 및 ChartEditor를 사용할 때는 ChartWrappers가 필요합니다. 자세한 내용은 ChartWrapper를 참조하세요.
열 역할
DataTable
에 있는 열의 속성으로, 용도를 설명합니다. 예를 들어 tooltip
열 역할은 도움말 텍스트를 저장하는 열에 할당됩니다.
자세한 내용은 어떤 역할을 하나요? 및
getColumnRole
에서 확인하세요.
열 유형
DataTable
의 열에 할당된 데이터 유형입니다. 열 유형은 다음 중 하나일 수 있습니다.
string
number
boolean
date
datetime
timeofday
getColumnType
에서 자세히 알아보세요.
연속형
연속 값이 원활하게 진행됩니다. 변수가 불연속 축이 아닌 지정된 두 값 사이의 값을 취할 수 있는 축을 설명하는 데 사용됩니다. 불연속 및 연속 비교에서 자세히 알아보세요.
예: '차트의 주축은 불연속 또는 연속일 수 있습니다.'
제어
슬라이더, 자동 완성기와 같은 대시보드의 사용자 인터페이스 위젯으로, 뷰어가 대시보드에 포함된 데이터나 차트를 변경할 수 있습니다. 예: '이 대시보드에는 드롭다운 메뉴에서 옵션을 선택할 수 있는 컨트롤이 포함되어 있습니다.'
제어 및 대시보드에서 자세히 알아보세요.
핵심 차트
Google 차트에서 가장 인기 있는 차트 유형입니다. corechart
패키지를 사용하여 모든 핵심 차트를 동시에 로드할 수 있습니다. 기본 라이브러리 로드에서 자세히 알아보세요.
핵심 차트 유형은 다음과 같습니다.
대시보드
차트와 컨트롤 인스턴스를 결합한 시각적 디스플레이로, 일반적으로 1개 이상의 차트와 1개의 컨트롤이 있습니다. 대시보드에 여러 차트가 포함된 경우 차트가 모두 동일한 데이터 소스를 가져야 합니다. 제어 및 대시보드에서 자세히 알아보세요.
DataTable
변경 가능한 2차원 값 표를 나타내는 JavaScript 클래스입니다. 자세한 내용은 DataTable 클래스를 참조하세요.
DataView
DataTable
에서 파생된 JavaScript 클래스입니다. DataView
는 Google 차트의 데이터 소스 역할을 할 수 있지만 DataTable
와 달리 읽기 전용입니다. DataView
는 일부 예외를 제외하고 기본 DataTable
가 변경되면 자동으로 업데이트됩니다. DataView 클래스에서 자세히 알아보세요.
Discrete
연속 값 시스템을 기반으로 하지 않는 값 집합을 나타냅니다. Google 차트에서 '불연속'은 데이터 유형이나 축을 나타낼 수 있습니다. 개별 축과 연속 축 비교에서 이산 축에 대해 자세히 알아보세요." 예: '국가 목록은 개별 데이터 유형이 있는 열로 저장되어야 합니다.'
도메인
함수 또는 관계가 사용할 수 있는 모든 가능한 입력의 집합입니다. 여러 데이터 계열이 차트에 표시되는 경우 하나의 도메인 값에 여러 개의 타겟 값이 있을 수 있습니다. 예: '도메인 값이 '3'인 경우 이 데이터 계열의 값은 '5'입니다.'
이벤트
Google 차트에서 등록할 수 있는 사전 정의된 작업(예: 사용자의 버튼 클릭)입니다. 각 차트 유형의 페이지에는 ready
, select
, onmouseover
등 해당 차트 유형에서 지원하는 이벤트가 나열된 이벤트 섹션 (예시는 여기에서 확인)이 있습니다. 예: '사용자가 '사과를 원합니다'를 클릭하면 userWantsApples
이벤트가 발생합니다.' 자세한 내용은 이벤트 처리를 참고하세요.
기본 값에 영향을 주지 않고 DataTable
열의 데이터가 표시되는 방식을 결정합니다. Google Charts는 형식 지정 도구와 형식 지정 옵션의 사전 정의된 목록을 제공합니다. 예를 들어 NumberFormat 형식 지정 도구의 prefix
옵션을 사용하여 값 '1000'을 '$1000'으로 표시할 수 있습니다.
형식 지정 도구에서 자세히 알아보세요.
Google Sheets
Google Sheets를 사용하면 온라인에서 스프레드시트를 만들고, 업데이트하고, 수정하고, 공유할 수 있습니다. Google 시트는 Google 차트의 일반적인 데이터 소스입니다. Google Sheets의 Google 차트 페이지에서 자세히 알아보세요. Google Drive에서 Google Sheets를 만들고 관리할 수 있습니다.
간격
데이터 계열에서 지정된 도메인 값의 추가 타겟 값을 포함하는 열 역할입니다(선택사항).
예를 들어 신뢰 구간에 대한 데이터를 interval
열에 저장하여 막대 그래프의 일부로 표시할 수 있습니다. 간격은 가장 일반적으로 선 차트, 분산형 차트, 막대 그래프로 표시됩니다. Google 차트는 간격을 표시하는 여러 스타일을 제공합니다. 간격에서 자세히 알아보세요.
범례
차트에 있는 모든 데이터 계열의 라벨과 시각적 모양 또는 차트 내 단일 데이터 계열의 시각적 하위 구성요소를 나열하는 차트 내 영역입니다. 예를 들어 데이터 계열이 하나만 포함된 원형 차트에서
범례에는 파이의 각 '슬라이스'에 해당하는 라벨과 색상이 포함됩니다.
라이브러리 로더
Google Charts API 라이브러리를 로드하는 JavaScript 메서드 google.charts.load
입니다.
Google 차트를 사용하는 웹페이지를 빌드할 때마다 라이브러리를 로드해야 합니다. 자세한 내용은 라이브러리 로드를 참조하세요.
메서드
객체 클래스와 연결된 객체 지향 프로그래밍(OOP)의 프로시져입니다. 예: '차트 라이브러리를 작성하는 경우 Chart
객체가 draw()
메서드를 노출해야 합니다.
쿼리
데이터베이스에 발행된 정보에 대한 요청입니다. Google 차트는 Google Sheets와 같은 소스를 쿼리하는 데 사용되는 SQL과 유사한 쿼리인 데이터 쿼리를 지원합니다. 쿼리는 Google 시각화 API 쿼리 언어를 사용하여 작성해야 합니다.
시리즈
DataTable
또는 DataView
의 데이터 열입니다. 여기서 각 값은 도메인 열의 도메인 값과 일대일로 대응됩니다. 계열에는 주석 또는 스타일 역할과 같이 서로 다른 열 역할을 가진 하나 이상의 연결된 열이 있을 수 있습니다.
예: '다음 차트는 진한 파란색과 연한 파란색의 계열이 2개 있는 차트를 보여줍니다.'
스태킹
특정 도메인 값의 이전 계열 값을 모두 합산하여 각 계열을 이전 계열을 기준으로 그래프로 표시하는 여러 데이터 계열을 표시하는 차트 옵션입니다. 이렇게 하면 계열이 서로 '스태킹'되는 시각적 효과가 됩니다. 예시는 영역 차트: 누적 영역을 참고하세요.
스태킹은 isStacked
옵션을 true
로 설정하여 다음 차트 유형에 사용할 수 있습니다.
스타일
특정 속성을 사용하여 계열의 모양을 결정하는 열 역할입니다. 속성에는 color
, opacity
, stroke-width
, stroke-color
가 포함됩니다. 사용 가능한 역할에서 style
열 역할에 대해 자세히 알아보세요.
커서를 특정 차트 구성요소 위로 가져가면 표시되는 작은 상자입니다. 도움말 콘텐츠는 기본 시리즈 데이터에서 자동으로 생성되거나 tooltip
열 역할이 있는 열에 저장될 수 있습니다. 자세한 내용은 도움말을 참고하세요.
추세선
차트 위에 겹쳐진 선으로 데이터의 전체적인 방향 또는 '추세'를 보여줍니다. 추세선에서
자세히 알아보세요.
맨 위로
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2024-07-10(UTC)
[null,null,["최종 업데이트: 2024-07-10(UTC)"],[[["Google Charts utilizes a variety of components including charts, dashboards, controls, and data tables for data visualization."],["Charts are categorized by type and can be customized using options like animation, annotations, and axes."],["Data is typically organized in DataTables with columns assigned specific roles and types."],["Users can interact with charts through events, formatters, and tooltips."],["Additional features such as queries, intervals, and trendlines enhance chart functionality and analysis."]]],[]]