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