애니메이션
주석
annotation
는 DataTable
및 DataView
클래스에 사용할 수 있는 열 역할이며 주석 차트와 혼동해서는 안 됩니다.축
- 가로 vs. 세로
- 도메인 vs. 타겟
콜백
차트 유형
ChartEditor
ChartWrapper
열 역할
DataTable
에 있는 열의 속성으로, 용도를 설명합니다. 예를 들어 tooltip
열 역할은 도움말 텍스트를 저장하는 열에 할당됩니다.
자세한 내용은 어떤 역할을 하나요? 및
getColumnRole
열 유형
DataTable
의 열에 할당된 데이터 유형입니다. 열 유형은 다음 중 하나일 수 있습니다.string
number
boolean
date
datetime
timeofday
getColumnType
에서 자세히 알아보세요.연속형
제어
핵심 차트
corechart
패키지를 사용하여 모든 핵심 차트를 동시에 로드할 수 있습니다. 기본 라이브러리 로드에서 자세히 알아보세요.
핵심 차트 유형은 다음과 같습니다.
대시보드
DataTable
DataView
DataTable
에서 파생된 JavaScript 클래스입니다. DataView
는 Google 차트의 데이터 소스 역할을 할 수 있지만 DataTable
와 달리 읽기 전용입니다. DataView
는 일부 예외를 제외하고 기본 DataTable
가 변경되면 자동으로 업데이트됩니다. DataView 클래스에서 자세히 알아보세요.Discrete
도메인
이벤트
ready
, select
, onmouseover
등 해당 차트 유형에서 지원하는 이벤트가 나열된 이벤트 섹션 (예시는 여기에서 확인)이 있습니다. 예: '사용자가 '사과를 원합니다'를 클릭하면 userWantsApples
이벤트가 발생합니다.' 자세한 내용은 이벤트 처리를 참고하세요.형식 지정 도구
DataTable
열의 데이터가 표시되는 방식을 결정합니다. Google Charts는 형식 지정 도구와 형식 지정 옵션의 사전 정의된 목록을 제공합니다. 예를 들어 NumberFormat 형식 지정 도구의 prefix
옵션을 사용하여 값 '1000'을 '$1000'으로 표시할 수 있습니다.
형식 지정 도구에서 자세히 알아보세요. Google Sheets
간격
interval
열에 저장하여 막대 그래프의 일부로 표시할 수 있습니다. 간격은 가장 일반적으로 선 차트, 분산형 차트, 막대 그래프로 표시됩니다. Google 차트는 간격을 표시하는 여러 스타일을 제공합니다. 간격에서 자세히 알아보세요. 범례
라이브러리 로더
google.charts.load
입니다.
Google 차트를 사용하는 웹페이지를 빌드할 때마다 라이브러리를 로드해야 합니다. 자세한 내용은 라이브러리 로드를 참조하세요. 메서드
Chart
객체가 draw()
메서드를 노출해야 합니다.쿼리
시리즈
DataTable
또는 DataView
의 데이터 열입니다. 여기서 각 값은 도메인 열의 도메인 값과 일대일로 대응됩니다. 계열에는 주석 또는 스타일 역할과 같이 서로 다른 열 역할을 가진 하나 이상의 연결된 열이 있을 수 있습니다.
예: '다음 차트는 진한 파란색과 연한 파란색의 계열이 2개 있는 차트를 보여줍니다.'스태킹
isStacked
옵션을 true
로 설정하여 다음 차트 유형에 사용할 수 있습니다.
스타일
color
, opacity
, stroke-width
, stroke-color
가 포함됩니다. 사용 가능한 역할에서 style
열 역할에 대해 자세히 알아보세요.도움말
tooltip
열 역할이 있는 열에 저장될 수 있습니다. 자세한 내용은 도움말을 참고하세요.추세선