차트 구성 옵션

차트 요소에 사용할 색상입니다. 문자열 배열입니다. 각 요소는 HTML 색상 문자열입니다(예: colors:['red','#004411']).

확대/축소 범위 선택 영역 (차트 하단의 영역)을 표시할지 여부입니다. false은 아니오를 의미합니다.

확대/축소 선택기의 윤곽선은 차트의 첫 번째 계열을 로그 스케일 버전으로 나타낸 것으로, 확대/축소 선택기의 높이에 맞게 조정됩니다.

확대/축소 버튼 ('1d 5d 1m' 등)을 표시할지 여부입니다. 여기서 false은 아니오를 의미합니다.

Y축에 표시할 최댓값입니다. 최대 데이터 포인트가 이 값을 초과하면 이 설정은 무시되고 차트는 최대 데이터 포인트 위의 다음 주요 눈금을 표시하도록 조정됩니다. 이는 scaleType에 의해 결정된 Y축 최댓값보다 우선합니다.

이는 핵심 차트의 maxValue과 유사합니다.

Y축에 표시할 최솟값입니다. 최소 데이터 포인트가 이 값보다 작으면 이 설정은 무시되고 차트는 최소 데이터 포인트 아래의 다음 주요 눈금 표시를 표시하도록 조정됩니다. 이는 scaleType에 의해 결정된 Y축 최소값보다 우선합니다.

이는 핵심 차트의 minValue과 유사합니다.

영역 차트 계열 아래의 색상 영역의 기본 불투명도입니다. 여기서 0.0는 완전 투명이고 1.0는 완전 불투명입니다. 개별 계열의 불투명도를 지정하려면 series 속성에서 areaOpacity 값을 설정합니다.

차트의 기본 영역의 배경색입니다. 간단한 HTML 색상 문자열(예: 'red' 또는 '#00cc00') 또는 다음 속성이 있는 객체일 수 있습니다.

차트 채우기 색상(HTML 색상 문자열)입니다.

차트 영역 (축과 범례를 제외한 차트 자체를 그리는 영역)의 배치와 크기를 구성하는 멤버가 있는 객체입니다. 두 가지 형식이 지원됩니다. 숫자 또는 숫자 뒤에 %가 오는 형식입니다. 단순 숫자는 픽셀 단위 값이고 숫자 뒤에 % 가 오는 형식은 백분율입니다. 예: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke: 색상입니다. 16진수 문자열 또는 영어 색상 이름으로 제공됩니다.
• strokeWidth: 제공된 경우 지정된 너비 (stroke 색상)로 차트 영역 주위에 테두리를 그립니다.

차트 영역 높이입니다.

왼쪽 테두리에서 차트를 그릴 거리입니다.

상단 테두리에서 차트를 그릴 거리입니다.

차트 영역 너비입니다.

차트 요소에 사용할 색상입니다. 문자열 배열입니다. 각 요소는 HTML 색상 문자열입니다(예: colors:['red','#004411']).

다양한 가로축 요소를 구성하는 멤버가 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

 {   title: 'Hello',   titleTextStyle: {     color: '#FF0000'   } }     

가로 축을 따라 값이 증가하는 방향입니다. -1을 지정하여 값의 순서를 반대로 합니다.

가로축의 그리드선을 구성하는 속성이 있는 객체입니다. 가로축 격자선은 세로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{color: '#333', minSpacing: 20}

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내부의 가로 그리드 선 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

차트 영역 내의 대략적인 가로 그리드 선 수입니다. gridlines.count에 양수를 지정하면 그리드 선 사이의 minSpacing를 계산하는 데 사용됩니다. 1 값을 지정하여 그리드 선을 하나만 그리거나 0 값을 지정하여 그리드 선을 그리지 않을 수 있습니다. 기본값인 -1를 지정하여 다른 옵션을 기반으로 그리드 선 수를 자동으로 계산합니다.

가로축을 대수 스케일로 만드는 hAxis 속성 (모든 값이 양수여야 함) 예인 경우 true로 설정합니다.

이 옵션은 continuous 축에만 지원됩니다.

가로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 오른쪽으로 이동합니다. 데이터의 최대 x 값보다 작은 값으로 설정된 경우 무시됩니다. hAxis.viewWindow.max가 이 속성을 재정의합니다.

hAxis.gridlines 옵션과 유사하게 가로축의 보조 그리드선을 구성하는 멤버가 있는 객체입니다.

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내 가로 보조 그리드 선의 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

minorGridlines.count 옵션은 수를 0으로 설정하여 보조 그리드 선을 사용 중지하는 경우를 제외하고 대부분 지원 중단되었습니다. 이제 보조 그리드 선의 수는 주요 그리드 선 사이의 간격 (hAxis.gridlines.interval 참고)과 최소 요구 공간(hAxis.minorGridlines.minSpacing 참고)에 따라 달라집니다.

가로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 왼쪽으로 이동합니다. 데이터의 최소 x 값보다 큰 값으로 설정된 경우 무시됩니다. hAxis.viewWindow.min가 이 속성을 재정의합니다.

차트 영역을 기준으로 한 가로축 텍스트의 위치입니다. 지원되는 값: 'out', 'in', 'none'

가로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

가로축의 제목을 지정하는 hAxis 속성입니다.

가로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

가로축의 자르기 범위를 지정합니다.

렌더링할 최대 가로 데이터 값입니다.

hAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

렌더링할 최소 가로 데이터 값입니다.

hAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

차트의 높이(픽셀)입니다.

누락된 포인트 값을 추측할지 여부입니다. true인 경우 인접한 포인트를 기반으로 누락된 데이터의 값을 추측합니다. false인 경우 알 수 없는 지점에서 줄이 끊어집니다.

이 옵션은 isStacked: true/'percent'/'relative'/'absolute' 옵션이 있는 영역 차트에서는 지원되지 않습니다.

true로 설정하면 각 도메인 값에서 모든 계열의 요소가 누적됩니다. 참고: 열, 영역, SteppedArea 차트에서 Google 차트는 계열 요소의 스태킹에 더 잘 대응하도록 범례 항목의 순서를 반대로 바꿉니다 (예: 계열 0이 가장 아래쪽 범례 항목이 됨). 막대 그래프에는 적용되지 않습니다 .

isStacked 옵션은 각 도메인 값의 요소 스택이 합계가 100% 가 되도록 재조정되는 100% 스태킹도 지원합니다.

isStacked의 옵션은 다음과 같습니다.

• false - 요소가 쌓이지 않습니다. 기본 옵션입니다.
• true - 각 도메인 값에서 모든 계열의 요소를 스택합니다.
• 'percent' - 각 도메인 값에서 모든 계열의 요소를 스택하고 각 요소의 값이 100%의 백분율로 계산되도록 100%가 되도록 다시 조정합니다.
• 'relative' - 각 도메인 값에서 모든 계열의 요소를 스택하고 각 요소의 값이 1의 분수로 계산되도록 합계가 1이 되도록 크기를 조정합니다.
• 'absolute' - isStacked: true과 동일하게 작동합니다.

100% 스태킹의 경우 각 요소의 계산된 값이 실제 값 뒤에 툴팁에 표시됩니다.

타겟 축은 'relative'의 경우 1의 분수로 된 상대적 0~1 스케일, 'percent'의 경우 0~100% 를 기반으로 한 눈금 값으로 기본 설정됩니다. 참고: 'percent' 옵션을 사용하는 경우 축/눈금 값은 백분율로 표시되지만 실제 값은 상대적 0~1 스케일 값입니다. 이는 백분율 축 눈금이 상대 0~1 스케일 값에 '#.##%' 형식을 적용한 결과이기 때문입니다. isStacked: 'percent'를 사용하는 경우 상대 0~1 스케일 값을 사용하여 눈금/격자를 지정해야 합니다. 적절한 hAxis/vAxis 옵션을 사용하여 그리드 선/눈금 값과 형식을 맞춤설정할 수 있습니다.

100% 스태킹은 number 유형의 데이터 값만 지원하며 기준이 0이어야 합니다.

범례의 다양한 측면을 구성하는 구성원이 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

범례의 위치입니다. 다음 중 하나일 수 있습니다.

• 'bottom' - 차트 아래
• 'left' - 왼쪽 축에 연결된 series이 없는 경우 차트 왼쪽에 표시됩니다. 범례를 왼쪽에 표시하려면 targetAxisIndex: 1 옵션을 사용합니다.
• 'in' - 차트 내부의 왼쪽 상단
• 'none' - 범례가 표시되지 않습니다.
• 'right' - 차트의 오른쪽에 표시됩니다. vAxes 옵션과 호환되지 않습니다.
• 'top' - 차트 위에 표시됩니다.

범례 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

데이터 선 너비(픽셀)입니다. 0을 사용하여 모든 선을 숨기고 점만 표시합니다. series 속성을 사용하여 개별 시리즈의 값을 재정의할 수 있습니다.

개별 데이터 요소의 모양: 'circle', 'triangle', 'square', 'diamond', 'star' 또는 'polygon' 예시는 포인트 문서 를 참고하세요.

표시된 점의 지름(픽셀)입니다. 모든 점을 숨기려면 0을 사용합니다. series 속성을 사용하여 개별 시리즈의 값을 재정의할 수 있습니다.

true로 설정하면 오른쪽에서 왼쪽으로 계열을 그립니다. 기본값은 왼쪽에서 오른쪽으로 그리는 것입니다.

이 옵션은 discrete major 축에만 지원됩니다.

객체의 배열이며, 각각 차트의 해당 계열 형식을 설명합니다. 계열에 기본값을 사용하려면 빈 객체 {}를 지정합니다. 계열이나 값을 지정하지 않으면 전역 값이 사용됩니다. 각 객체는 다음 속성을 지원합니다.

• annotations - 이 계열의 주석에 적용할 객체입니다. 이를 사용하여 시리즈의 textStyle을 제어할 수 있습니다.

   series: {   0: {     annotations: {       textStyle: {fontSize: 12, color: 'red' }     }   } }           

  맞춤설정할 수 있는 항목의 전체 목록은 다양한 annotations 옵션을 참고하세요.

• areaOpacity - 이 계열의 전역 areaOpacity를 재정의합니다.
• color - 이 계열에 사용할 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.
• labelInLegend - 차트 범례에 표시될 계열의 설명입니다.
• lineDashStyle - 이 계열의 전역 lineDashStyle 값을 재정의합니다.
• lineWidth - 이 계열의 전역 lineWidth 값을 재정의합니다.
• pointShape - 이 계열의 전역 pointShape 값을 재정의합니다.
• pointSize - 이 계열의 전역 pointSize 값을 재정의합니다.
• pointsVisible - 이 계열의 전역 pointsVisible 값을 재정의합니다.
• targetAxisIndex - 이 계열을 할당할 축입니다. 0은 기본 축이고 1은 반대 축입니다. 기본값은 0입니다. 서로 다른 계열이 서로 다른 축에 대해 렌더링되는 차트를 정의하려면 1로 설정하세요. 하나 이상의 계열이 기본 축에 할당되어야 합니다. 축마다 다른 스케일을 정의할 수 있습니다.
• visibleInLegend - boolean 값입니다. 여기서 true는 계열에 범례 항목이 있어야 함을 의미하고 false는 계열에 범례 항목이 없어야 함을 의미합니다. 기본값은 true입니다.

각각 지정된 순서대로 계열에 적용되는 객체 배열을 지정하거나 각 하위 요소에 적용되는 계열을 나타내는 숫자 키가 있는 객체를 지정할 수 있습니다. 예를 들어 다음 두 선언은 동일하며 첫 번째 계열을 검은색으로, 범례에서 제외된 것으로 선언하고 네 번째 계열을 빨간색으로, 범례에서 제외된 것으로 선언합니다.

 series: [   {color: 'black', visibleInLegend: false}, {}, {},   {color: 'red', visibleInLegend: false} ] series: {   0:{color: 'black', visibleInLegend: false},   3:{color: 'red', visibleInLegend: false} }     

차트 제목 아래에 표시할 텍스트입니다.

제목 텍스트 스타일을 지정하는 객체입니다.

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

테마는 특정 차트 동작이나 시각적 효과를 달성하기 위해 함께 작동하는 사전 정의된 옵션 값의 집합입니다. 현재 하나의 테마만 사용할 수 있습니다.

• 'maximized' - 차트 영역을 최대화하고 범례와 모든 라벨을 차트 영역 내에 그립니다.

차트 위에 표시할 텍스트입니다.

제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

true로 설정하면 차트에서 열을 텍스트 열로 처리합니다.

true로 설정하면 차트에서 열을 도메인으로 처리합니다.

차트에 세로 축이 여러 개 있는 경우 개별 세로 축의 속성을 지정합니다. 각 하위 객체는 vAxis 객체이며 vAxis에서 지원하는 모든 속성을 포함할 수 있습니다. 이러한 속성 값은 동일한 속성의 전역 설정을 재정의합니다.

세로 축이 여러 개인 차트를 지정하려면 먼저 series.targetAxisIndex를 사용하여 새 축을 정의한 다음 vAxes를 사용하여 축을 구성합니다. 다음 예에서는 계열 2를 오른쪽 축에 할당하고 맞춤 제목과 텍스트 스타일을 지정합니다.

 {   series: {     2: {       targetAxisIndex:1     }   },   vAxes: {     1: {       title:'Losses',       textStyle: {color: 'red'}     }   } }     

이 속성은 객체 또는 배열일 수 있습니다. 객체는 축을 지정하는 숫자 라벨이 각각 있는 객체의 모음입니다(위의 형식). 배열은 축당 하나의 객체로 구성된 객체의 배열입니다. 예를 들어 다음 배열 스타일 표기법은 위에 표시된 vAxis 객체와 동일합니다.

 vAxes: [   {}, // Nothing specified for axis 0   {     title:'Losses',     textStyle: {color: 'red'} // Axis 1   } ]     

다양한 세로 축 요소를 구성하는 멤버가 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}

세로 축을 따라 값이 증가하는 방향입니다. 기본적으로 낮은 값은 차트 하단에 있습니다. -1을 지정하여 값의 순서를 반대로 합니다.

세로 축의 그리드선을 구성하는 멤버가 있는 객체입니다. 세로축 격자선은 가로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{color: '#333', minSpacing: 20}

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내부의 세로 그리드 선 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

차트 영역 내의 대략적인 가로 그리드 선 수입니다. gridlines.count에 양수를 지정하면 그리드 선 사이의 minSpacing를 계산하는 데 사용됩니다. 1 값을 지정하여 그리드 선을 하나만 그리거나 0 값을 지정하여 그리드 선을 그리지 않을 수 있습니다. 기본값인 -1를 지정하여 다른 옵션을 기반으로 그리드 선 수를 자동으로 계산합니다.

true인 경우 세로축을 로그 스케일로 만듭니다. 참고: 모든 값은 양수여야 합니다.

세로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 위쪽으로 이동합니다. 데이터의 최대 y 값보다 작은 값으로 설정된 경우 무시됩니다. vAxis.viewWindow.max가 이 속성을 재정의합니다.

vAxis.gridlines 옵션과 유사하게 세로 축의 작은 그리드 선을 구성하는 멤버가 있는 객체입니다.

차트 영역 내 세로 보조 그리드 선의 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

minorGridlines.count 옵션은 개수를 0로 설정하여 보조 그리드 선을 사용 중지하는 경우를 제외하고 대부분 지원 중단됩니다. 보조 그리드선 수는 주 그리드선 간격과 최소 필요 공간에 따라 달라집니다.

세로 축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 아래쪽으로 이동합니다. 데이터의 최소 y 값보다 큰 값으로 설정된 경우 무시됩니다. vAxis.viewWindow.min가 이 속성을 재정의합니다.

차트 영역을 기준으로 한 세로축 텍스트의 위치입니다. 지원되는 값: 'out', 'in', 'none'

세로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

세로축의 제목을 지정합니다.

세로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }   

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

세로축의 자르기 범위를 지정합니다.

렌더링할 최대 세로 데이터 값입니다.

vAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

렌더링할 최소 세로 데이터 값입니다.

vAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

차트의 기본 영역의 배경색입니다. 간단한 HTML 색상 문자열(예: 'red' 또는 '#00cc00') 또는 다음 속성이 있는 객체일 수 있습니다.

차트 채우기 색상(HTML 색상 문자열)입니다.

차트 영역 (축과 범례를 제외한 차트 자체를 그리는 영역)의 배치와 크기를 구성하는 멤버가 있는 객체입니다. 두 가지 형식이 지원됩니다. 숫자 또는 숫자 뒤에 %가 오는 형식입니다. 단순 숫자는 픽셀 단위 값이고 숫자 뒤에 % 가 오는 형식은 백분율입니다. 예: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke: 색상입니다. 16진수 문자열 또는 영어 색상 이름으로 제공됩니다.
• strokeWidth: 제공된 경우 지정된 너비 (stroke 색상)로 차트 영역 주위에 테두리를 그립니다.

차트 영역 높이입니다.

왼쪽 테두리에서 차트를 그릴 거리입니다.

상단 테두리에서 차트를 그릴 거리입니다.

차트 영역 너비입니다.

차트 요소에 사용할 색상입니다. 문자열 배열입니다. 각 요소는 HTML 색상 문자열입니다(예: colors:['red','#004411']).

차트에 가로 축이 여러 개 있는 경우 개별 가로 축의 속성을 지정합니다. 각 하위 객체는 hAxis 객체이며 hAxis에서 지원하는 모든 속성을 포함할 수 있습니다. 이러한 속성 값은 동일한 속성의 전역 설정을 재정의합니다.

가로축이 여러 개인 차트를 지정하려면 먼저 series.targetAxisIndex를 사용하여 새 축을 정의한 다음 hAxes를 사용하여 축을 구성합니다. 다음 예에서는 계열 1를 하단 축에 할당하고 맞춤 제목과 텍스트 스타일을 지정합니다.

series:{1:{targetAxisIndex:1}}, hAxes:{1:{title:'Losses', textStyle:{color: 'red'}}}

이 속성은 객체 또는 배열일 수 있습니다. 객체는 축을 지정하는 숫자 라벨이 각각 있는 객체의 모음입니다(위의 형식). 배열은 축당 하나의 객체로 구성된 객체의 배열입니다. 예를 들어 다음 배열 스타일 표기법은 위에 표시된 hAxis 객체와 동일합니다.

 hAxes: {   {}, // Nothing specified for axis 0   {     title:'Losses',     textStyle: {       color: 'red'     }   } // Axis 1     

다양한 가로축 요소를 구성하는 멤버가 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

 {   title: 'Hello',   titleTextStyle: {     color: '#FF0000'   } }     

가로 축을 따라 값이 증가하는 방향입니다. -1을 지정하여 값의 순서를 반대로 합니다.

가로축의 그리드선을 구성하는 속성이 있는 객체입니다. 가로축 격자선은 세로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{color: '#333', minSpacing: 20}

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내부의 가로 그리드 선 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

차트 영역 내의 대략적인 가로 그리드 선 수입니다. gridlines.count에 양수를 지정하면 그리드 선 사이의 minSpacing를 계산하는 데 사용됩니다. 1 값을 지정하여 그리드 선을 하나만 그리거나 0 값을 지정하여 그리드 선을 그리지 않을 수 있습니다. 기본값인 -1를 지정하여 다른 옵션을 기반으로 그리드 선 수를 자동으로 계산합니다.

가로축을 대수 스케일로 만드는 hAxis 속성 (모든 값이 양수여야 함) 예인 경우 true로 설정합니다.

이 옵션은 continuous 축에만 지원됩니다.

가로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 오른쪽으로 이동합니다. 데이터의 최대 x 값보다 작은 값으로 설정된 경우 무시됩니다. hAxis.viewWindow.max가 이 속성을 재정의합니다.

hAxis.gridlines 옵션과 유사하게 가로축의 보조 그리드선을 구성하는 멤버가 있는 객체입니다.

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내 가로 보조 그리드 선의 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

minorGridlines.count 옵션은 수를 0으로 설정하여 보조 그리드 선을 사용 중지하는 경우를 제외하고 대부분 지원 중단되었습니다. 이제 보조 그리드 선의 수는 주요 그리드 선 사이의 간격 (hAxis.gridlines.interval 참고)과 최소 요구 공간(hAxis.minorGridlines.minSpacing 참고)에 따라 달라집니다.

가로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 왼쪽으로 이동합니다. 데이터의 최소 x 값보다 큰 값으로 설정된 경우 무시됩니다. hAxis.viewWindow.min가 이 속성을 재정의합니다.

차트 영역을 기준으로 한 가로축 텍스트의 위치입니다. 지원되는 값: 'out', 'in', 'none'

가로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

가로축의 제목을 지정하는 hAxis 속성입니다.

가로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

가로축의 자르기 범위를 지정합니다.

렌더링할 최대 가로 데이터 값입니다.

hAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

렌더링할 최소 가로 데이터 값입니다.

hAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

차트의 높이(픽셀)입니다.

true로 설정하면 각 도메인 값에서 모든 계열의 요소가 누적됩니다. 참고: 열, 영역, SteppedArea 차트에서 Google 차트는 계열 요소의 스태킹에 더 잘 대응하도록 범례 항목의 순서를 반대로 바꿉니다 (예: 계열 0이 가장 아래쪽 범례 항목이 됨). 막대 그래프에는 적용되지 않습니다 .

isStacked 옵션은 각 도메인 값의 요소 스택이 합계가 100% 가 되도록 재조정되는 100% 스태킹도 지원합니다.

isStacked의 옵션은 다음과 같습니다.

• false - 요소가 쌓이지 않습니다. 기본 옵션입니다.
• true - 각 도메인 값에서 모든 계열의 요소를 스택합니다.
• 'percent' - 각 도메인 값에서 모든 계열의 요소를 스택하고 각 요소의 값이 100%의 백분율로 계산되도록 100%가 되도록 다시 조정합니다.
• 'relative' - 각 도메인 값에서 모든 계열의 요소를 스택하고 각 요소의 값이 1의 분수로 계산되도록 합계가 1이 되도록 크기를 조정합니다.
• 'absolute' - isStacked: true과 동일하게 작동합니다.

100% 스태킹의 경우 각 요소의 계산된 값이 실제 값 뒤에 툴팁에 표시됩니다.

타겟 축은 'relative'의 경우 1의 분수로 된 상대적 0~1 스케일, 'percent'의 경우 0~100% 를 기반으로 한 눈금 값으로 기본 설정됩니다. 참고: 'percent' 옵션을 사용하는 경우 축/눈금 값은 백분율로 표시되지만 실제 값은 상대적 0~1 스케일 값입니다. 이는 백분율 축 눈금이 상대 0~1 스케일 값에 '#.##%' 형식을 적용한 결과이기 때문입니다. isStacked: 'percent'를 사용하는 경우 상대 0~1 스케일 값을 사용하여 눈금/격자를 지정해야 합니다. 적절한 hAxis/vAxis 옵션을 사용하여 그리드 선/눈금 값과 형식을 맞춤설정할 수 있습니다.

100% 스태킹은 number 유형의 데이터 값만 지원하며 기준이 0이어야 합니다.

범례의 다양한 측면을 구성하는 구성원이 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

범례의 위치입니다. 다음 중 하나일 수 있습니다.

• 'bottom' - 차트 아래
• 'left' - 왼쪽 축에 연결된 계열이 없는 경우 차트 왼쪽에 표시됩니다. 범례를 왼쪽에 표시하려면 targetAxisIndex: 1 옵션을 사용합니다.
• 'in' - 차트 내부의 왼쪽 상단
• 'none' - 범례가 표시되지 않습니다.
• 'right' - 차트의 오른쪽에 표시됩니다. vAxes 옵션과 호환되지 않습니다.
• 'top' - 차트 위에 표시됩니다.

범례 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

true로 설정하면 오른쪽에서 왼쪽으로 계열을 그립니다. 기본값은 왼쪽에서 오른쪽으로 그리는 것입니다.

이 옵션은 discrete major 축에만 지원됩니다.

객체의 배열이며, 각각 차트의 해당 계열 형식을 설명합니다. 계열에 기본값을 사용하려면 빈 객체 {}를 지정합니다. 계열이나 값을 지정하지 않으면 전역 값이 사용됩니다. 각 객체는 다음 속성을 지원합니다.

• annotations - 이 계열의 주석에 적용할 객체입니다. 이를 사용하여 시리즈의 textStyle을 제어할 수 있습니다.

   series: {   0: {     annotations: {       textStyle: {fontSize: 12, color: 'red' }     }   } }           

  맞춤설정할 수 있는 항목의 전체 목록은 다양한 annotations 옵션을 참고하세요.

• color - 이 계열에 사용할 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.
• labelInLegend - 차트 범례에 표시될 계열의 설명입니다.
• targetAxisIndex - 이 계열을 할당할 축입니다. 0은 기본 축이고 1은 반대 축입니다. 기본값은 0입니다. 서로 다른 계열이 서로 다른 축에 대해 렌더링되는 차트를 정의하려면 1로 설정하세요. 하나 이상의 계열이 기본 축에 할당되어야 합니다. 축마다 다른 스케일을 정의할 수 있습니다.
• visibleInLegend - boolean 값입니다. 여기서 true는 계열에 범례 항목이 있어야 함을 의미하고 false는 계열에 범례 항목이 없어야 함을 의미합니다. 기본값은 true입니다.

각각 지정된 순서대로 계열에 적용되는 객체 배열을 지정하거나 각 하위 요소에 적용되는 계열을 나타내는 숫자 키가 있는 객체를 지정할 수 있습니다. 예를 들어 다음 두 선언은 동일하며 첫 번째 계열을 검은색으로, 범례에서 제외된 것으로 선언하고 네 번째 계열을 빨간색으로, 범례에서 제외된 것으로 선언합니다.

 series: [   {color: 'black', visibleInLegend: false}, {}, {},   {color: 'red', visibleInLegend: false} ] series: {   0:{color: 'black', visibleInLegend: false},   3:{color: 'red', visibleInLegend: false} }     

차트 제목 아래에 표시할 텍스트입니다.

제목 텍스트 스타일을 지정하는 객체입니다.

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

테마는 특정 차트 동작이나 시각적 효과를 달성하기 위해 함께 작동하는 사전 정의된 옵션 값의 집합입니다. 현재 하나의 테마만 사용할 수 있습니다.

• 'maximized' - 차트 영역을 최대화하고 범례와 모든 라벨을 차트 영역 내에 그립니다.

차트 위에 표시할 텍스트입니다.

제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

추세선을 지원하는 차트에 추세선 을 표시합니다. 기본적으로 linear 추세선이 사용되지만 trendlines.n.type 옵션으로 맞춤설정할 수 있습니다.

추세선은 계열별로 지정되므로 대부분의 경우 옵션은 다음과 같이 표시됩니다.

 var options = {   trendlines: {     0: {       type: 'linear',       color: 'green',       lineWidth: 3,       opacity: 0.3,       visibleInLegend: true     }   } }     

추세선 의 색상으로, 영어 색상 이름 또는 16진수 문자열로 표현됩니다.

type: 'polynomial'의 추세선 의 경우 다항식의 차수 (이차의 경우 2, 삼차의 경우 3 등)입니다.

설정된 경우 추세선 이 범례에 이 문자열로 표시됩니다.

추세선의 선 너비(픽셀)입니다.

추세선 이 'linear' (기본값), 'exponential' 또는 'polynomial'인지 여부입니다.

추세선 방정식이 범례에 표시되는지 여부입니다. 추세선 도움말에 표시됩니다.

true로 설정하면 차트에서 열을 도메인으로 처리합니다.

다양한 세로 축 요소를 구성하는 멤버가 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}

세로 축을 따라 값이 증가하는 방향입니다. 기본적으로 낮은 값은 차트 하단에 있습니다. -1을 지정하여 값의 순서를 반대로 합니다.

세로 축의 그리드선을 구성하는 멤버가 있는 객체입니다. 세로축 격자선은 가로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{color: '#333', minSpacing: 20}

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내부의 세로 그리드 선 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

차트 영역 내의 대략적인 가로 그리드 선 수입니다. gridlines.count에 양수를 지정하면 그리드 선 사이의 minSpacing를 계산하는 데 사용됩니다. 1 값을 지정하여 그리드 선을 하나만 그리거나 0 값을 지정하여 그리드 선을 그리지 않을 수 있습니다. 기본값인 -1를 지정하여 다른 옵션을 기반으로 그리드 선 수를 자동으로 계산합니다.

true인 경우 세로축을 로그 스케일로 만듭니다. 참고: 모든 값은 양수여야 합니다.

세로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 위쪽으로 이동합니다. 데이터의 최대 y 값보다 작은 값으로 설정된 경우 무시됩니다. vAxis.viewWindow.max가 이 속성을 재정의합니다.

vAxis.gridlines 옵션과 유사하게 세로 축의 작은 그리드 선을 구성하는 멤버가 있는 객체입니다.

차트 영역 내 세로 보조 그리드 선의 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

minorGridlines.count 옵션은 개수를 0로 설정하여 보조 그리드 선을 사용 중지하는 경우를 제외하고 대부분 지원 중단됩니다. 보조 그리드선 수는 주 그리드선 간격과 최소 필요 공간에 따라 달라집니다.

세로 축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 아래쪽으로 이동합니다. 데이터의 최소 y 값보다 큰 값으로 설정된 경우 무시됩니다. vAxis.viewWindow.min가 이 속성을 재정의합니다.

차트 영역을 기준으로 한 세로축 텍스트의 위치입니다. 지원되는 값: 'out', 'in', 'none'

세로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

세로축의 제목을 지정합니다.

세로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }   

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

세로축의 자르기 범위를 지정합니다.

렌더링할 최대 세로 데이터 값입니다.

vAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

렌더링할 최소 세로 데이터 값입니다.

vAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

차트의 기본 영역의 배경색입니다. 간단한 HTML 색상 문자열(예: 'red' 또는 '#00cc00') 또는 다음 속성이 있는 객체일 수 있습니다.

차트 채우기 색상(HTML 색상 문자열)입니다.

풍선의 시각적 속성을 구성하는 구성원이 있는 객체입니다.

풍선의 불투명도입니다. 여기서 0는 완전 투명이고 1는 완전 불투명입니다.

풍선의 획 색상입니다.

풍선 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

{color: <string>, fontName: <string>, fontSize: <number>}

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

차트 영역 (축과 범례를 제외한 차트 자체를 그리는 영역)의 배치와 크기를 구성하는 멤버가 있는 객체입니다. 두 가지 형식이 지원됩니다. 숫자 또는 숫자 뒤에 %가 오는 형식입니다. 단순 숫자는 픽셀 단위 값이고 숫자 뒤에 % 가 오는 형식은 백분율입니다. 예: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke: 색상입니다. 16진수 문자열 또는 영어 색상 이름으로 제공됩니다.
• strokeWidth: 제공된 경우 지정된 너비 (stroke 색상)로 차트 영역 주위에 테두리를 그립니다.

차트 영역 높이입니다.

왼쪽 테두리에서 차트를 그릴 거리입니다.

상단 테두리에서 차트를 그릴 거리입니다.

차트 영역 너비입니다.

차트 요소에 사용할 색상입니다. 문자열 배열입니다. 각 요소는 HTML 색상 문자열입니다(예: colors:['red','#004411']).

다양한 가로축 요소를 구성하는 멤버가 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

 {   title: 'Hello',   titleTextStyle: {     color: '#FF0000'   } }     

가로 축을 따라 값이 증가하는 방향입니다. -1을 지정하여 값의 순서를 반대로 합니다.

가로축의 그리드선을 구성하는 속성이 있는 객체입니다. 가로축 격자선은 세로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{color: '#333', minSpacing: 20}

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내부의 가로 그리드 선 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

차트 영역 내의 대략적인 가로 그리드 선 수입니다. gridlines.count에 양수를 지정하면 그리드 선 사이의 minSpacing를 계산하는 데 사용됩니다. 1 값을 지정하여 그리드 선을 하나만 그리거나 0 값을 지정하여 그리드 선을 그리지 않을 수 있습니다. 기본값인 -1를 지정하여 다른 옵션을 기반으로 그리드 선 수를 자동으로 계산합니다.

가로축을 대수 스케일로 만드는 hAxis 속성 (모든 값이 양수여야 함) 예인 경우 true로 설정합니다.

이 옵션은 continuous 축에만 지원됩니다.

가로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 오른쪽으로 이동합니다. 데이터의 최대 x 값보다 작은 값으로 설정된 경우 무시됩니다. hAxis.viewWindow.max가 이 속성을 재정의합니다.

hAxis.gridlines 옵션과 유사하게 가로축의 보조 그리드선을 구성하는 멤버가 있는 객체입니다.

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내 가로 보조 그리드 선의 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

minorGridlines.count 옵션은 수를 0으로 설정하여 보조 그리드 선을 사용 중지하는 경우를 제외하고 대부분 지원 중단되었습니다. 이제 보조 그리드 선의 수는 주요 그리드 선 사이의 간격 (hAxis.gridlines.interval 참고)과 최소 요구 공간(hAxis.minorGridlines.minSpacing 참고)에 따라 달라집니다.

가로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 왼쪽으로 이동합니다. 데이터의 최소 x 값보다 큰 값으로 설정된 경우 무시됩니다. hAxis.viewWindow.min가 이 속성을 재정의합니다.

차트 영역을 기준으로 한 가로축 텍스트의 위치입니다. 지원되는 값: 'out', 'in', 'none'

가로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

가로축의 제목을 지정하는 hAxis 속성입니다.

가로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

가로축의 자르기 범위를 지정합니다.

렌더링할 최대 가로 데이터 값입니다.

hAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

렌더링할 최소 가로 데이터 값입니다.

hAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

차트의 높이(픽셀)입니다.

범례의 다양한 측면을 구성하는 구성원이 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

범례의 위치입니다. 다음 중 하나일 수 있습니다.

• 'bottom' - 차트 아래
• 'left' - 왼쪽 축에 연결된 계열이 없는 경우 차트 왼쪽에 표시됩니다. 범례를 왼쪽에 표시하려면 targetAxisIndex: 1 옵션을 사용합니다.
• 'in' - 차트 내부의 왼쪽 상단
• 'none' - 범례가 표시되지 않습니다.
• 'right' - 차트의 오른쪽에 표시됩니다. vAxes 옵션과 호환되지 않습니다.
• 'top' - 차트 위에 표시됩니다.

범례 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

객체의 객체입니다. 여기서 키는 계열 이름 (색상 열의 값)이고 각 객체는 차트에서 해당 계열의 형식을 설명합니다. 계열이나 값을 지정하지 않으면 전역 값이 사용됩니다. 각 객체는 다음 속성을 지원합니다.

• color - 이 계열에 사용할 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.
• visibleInLegend - boolean 값입니다. 여기서 true는 계열에 범례 항목이 있어야 함을 의미하고 false는 계열에 범례 항목이 없어야 함을 의미합니다. 기본값은 true입니다.

series: {'Europe': {color: 'green'}}

값이 풍선 크기와 연결되는 방식을 구성하는 멤버가 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

 {minValue: 0,  maxSize: 20}

가능한 가장 큰 풍선의 최대 반지름(픽셀)입니다.

가능한 가장 작은 풍선의 최소 반지름(픽셀)입니다.

차트 제목 아래에 표시할 텍스트입니다.

제목 텍스트 스타일을 지정하는 객체입니다.

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

테마는 특정 차트 동작이나 시각적 효과를 달성하기 위해 함께 작동하는 사전 정의된 옵션 값의 집합입니다. 현재 하나의 테마만 사용할 수 있습니다.

• 'maximized' - 차트 영역을 최대화하고 범례와 모든 라벨을 차트 영역 내에 그립니다.

차트 위에 표시할 텍스트입니다.

제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

true로 설정하면 차트에서 열을 텍스트 열로 처리합니다.

true로 설정하면 차트에서 열을 도메인으로 처리합니다.

차트에 세로 축이 여러 개 있는 경우 개별 세로 축의 속성을 지정합니다. 각 하위 객체는 vAxis 객체이며 vAxis에서 지원하는 모든 속성을 포함할 수 있습니다. 이러한 속성 값은 동일한 속성의 전역 설정을 재정의합니다.

세로 축이 여러 개인 차트를 지정하려면 먼저 series.targetAxisIndex를 사용하여 새 축을 정의한 다음 vAxes를 사용하여 축을 구성합니다. 다음 예에서는 계열 2를 오른쪽 축에 할당하고 맞춤 제목과 텍스트 스타일을 지정합니다.

 {   series: {     2: {       targetAxisIndex:1     }   },   vAxes: {     1: {       title:'Losses',       textStyle: {color: 'red'}     }   } }     

이 속성은 객체 또는 배열일 수 있습니다. 객체는 축을 지정하는 숫자 라벨이 각각 있는 객체의 모음입니다(위의 형식). 배열은 축당 하나의 객체로 구성된 객체의 배열입니다. 예를 들어 다음 배열 스타일 표기법은 위에 표시된 vAxis 객체와 동일합니다.

 vAxes: [   {}, // Nothing specified for axis 0   {     title:'Losses',     textStyle: {color: 'red'} // Axis 1   } ]     

다양한 세로 축 요소를 구성하는 멤버가 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}

세로 축을 따라 값이 증가하는 방향입니다. 기본적으로 낮은 값은 차트 하단에 있습니다. -1을 지정하여 값의 순서를 반대로 합니다.

세로 축의 그리드선을 구성하는 멤버가 있는 객체입니다. 세로축 격자선은 가로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{color: '#333', minSpacing: 20}

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내부의 세로 그리드 선 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

차트 영역 내의 대략적인 가로 그리드 선 수입니다. gridlines.count에 양수를 지정하면 그리드 선 사이의 minSpacing를 계산하는 데 사용됩니다. 1 값을 지정하여 그리드 선을 하나만 그리거나 0 값을 지정하여 그리드 선을 그리지 않을 수 있습니다. 기본값인 -1를 지정하여 다른 옵션을 기반으로 그리드 선 수를 자동으로 계산합니다.

true인 경우 세로축을 로그 스케일로 만듭니다. 참고: 모든 값은 양수여야 합니다.

세로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 위쪽으로 이동합니다. 데이터의 최대 y 값보다 작은 값으로 설정된 경우 무시됩니다. vAxis.viewWindow.max가 이 속성을 재정의합니다.

vAxis.gridlines 옵션과 유사하게 세로 축의 작은 그리드 선을 구성하는 멤버가 있는 객체입니다.

차트 영역 내 세로 보조 그리드 선의 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

minorGridlines.count 옵션은 개수를 0로 설정하여 보조 그리드 선을 사용 중지하는 경우를 제외하고 대부분 지원 중단됩니다. 보조 그리드선 수는 주 그리드선 간격과 최소 필요 공간에 따라 달라집니다.

세로 축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 아래쪽으로 이동합니다. 데이터의 최소 y 값보다 큰 값으로 설정된 경우 무시됩니다. vAxis.viewWindow.min가 이 속성을 재정의합니다.

차트 영역을 기준으로 한 세로축 텍스트의 위치입니다. 지원되는 값: 'out', 'in', 'none'

세로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

세로축의 제목을 지정합니다.

세로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }   

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

세로축의 자르기 범위를 지정합니다.

렌더링할 최대 세로 데이터 값입니다.

vAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

렌더링할 최소 세로 데이터 값입니다.

vAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

차트의 높이(픽셀)입니다.

차트의 너비(픽셀)입니다.

차트의 기본 영역의 배경색입니다. 간단한 HTML 색상 문자열(예: 'red' 또는 '#00cc00') 또는 다음 속성이 있는 객체일 수 있습니다.

차트 채우기 색상(HTML 색상 문자열)입니다.

차트 영역 (축과 범례를 제외한 차트 자체를 그리는 영역)의 배치와 크기를 구성하는 멤버가 있는 객체입니다. 두 가지 형식이 지원됩니다. 숫자 또는 숫자 뒤에 %가 오는 형식입니다. 단순 숫자는 픽셀 단위 값이고 숫자 뒤에 % 가 오는 형식은 백분율입니다. 예: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke: 색상입니다. 16진수 문자열 또는 영어 색상 이름으로 제공됩니다.
• strokeWidth: 제공된 경우 지정된 너비 (stroke 색상)로 차트 영역 주위에 테두리를 그립니다.

차트 영역 높이입니다.

왼쪽 테두리에서 차트를 그릴 거리입니다.

상단 테두리에서 차트를 그릴 거리입니다.

차트 영역 너비입니다.

차트 요소에 사용할 색상입니다. 문자열 배열입니다. 각 요소는 HTML 색상 문자열입니다(예: colors:['red','#004411']).

다양한 가로축 요소를 구성하는 멤버가 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

 {   title: 'Hello',   titleTextStyle: {     color: '#FF0000'   } }     

가로 축을 따라 값이 증가하는 방향입니다. -1을 지정하여 값의 순서를 반대로 합니다.

가로축의 그리드선을 구성하는 속성이 있는 객체입니다. 가로축 격자선은 세로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{color: '#333', minSpacing: 20}

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내부의 가로 그리드 선 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

차트 영역 내의 대략적인 가로 그리드 선 수입니다. gridlines.count에 양수를 지정하면 그리드 선 사이의 minSpacing를 계산하는 데 사용됩니다. 1 값을 지정하여 그리드 선을 하나만 그리거나 0 값을 지정하여 그리드 선을 그리지 않을 수 있습니다. 기본값인 -1를 지정하여 다른 옵션을 기반으로 그리드 선 수를 자동으로 계산합니다.

가로축을 대수 스케일로 만드는 hAxis 속성 (모든 값이 양수여야 함) 예인 경우 true로 설정합니다.

이 옵션은 continuous 축에만 지원됩니다.

가로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 오른쪽으로 이동합니다. 데이터의 최대 x 값보다 작은 값으로 설정된 경우 무시됩니다. hAxis.viewWindow.max가 이 속성을 재정의합니다.

hAxis.gridlines 옵션과 유사하게 가로축의 보조 그리드선을 구성하는 멤버가 있는 객체입니다.

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내 가로 보조 그리드 선의 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

minorGridlines.count 옵션은 수를 0으로 설정하여 보조 그리드 선을 사용 중지하는 경우를 제외하고 대부분 지원 중단되었습니다. 이제 보조 그리드 선의 수는 주요 그리드 선 사이의 간격 (hAxis.gridlines.interval 참고)과 최소 요구 공간(hAxis.minorGridlines.minSpacing 참고)에 따라 달라집니다.

가로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 왼쪽으로 이동합니다. 데이터의 최소 x 값보다 큰 값으로 설정된 경우 무시됩니다. hAxis.viewWindow.min가 이 속성을 재정의합니다.

차트 영역을 기준으로 한 가로축 텍스트의 위치입니다. 지원되는 값: 'out', 'in', 'none'

가로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

가로축의 제목을 지정하는 hAxis 속성입니다.

가로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

가로축의 자르기 범위를 지정합니다.

렌더링할 최대 가로 데이터 값입니다.

hAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

렌더링할 최소 가로 데이터 값입니다.

hAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

차트의 높이(픽셀)입니다.

범례의 다양한 측면을 구성하는 구성원이 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

범례의 위치입니다. 다음 중 하나일 수 있습니다.

• 'bottom' - 차트 아래
• 'left' - 왼쪽 축에 연결된 계열이 없는 경우 차트 왼쪽에 표시됩니다. 범례를 왼쪽에 표시하려면 targetAxisIndex: 1 옵션을 사용합니다.
• 'in' - 차트 내부의 왼쪽 상단
• 'none' - 범례가 표시되지 않습니다.
• 'right' - 차트의 오른쪽에 표시됩니다. vAxes 옵션과 호환되지 않습니다.
• 'top' - 차트 위에 표시됩니다.

범례 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

true로 설정하면 오른쪽에서 왼쪽으로 계열을 그립니다. 기본값은 왼쪽에서 오른쪽으로 그리는 것입니다.

이 옵션은 discrete major 축에만 지원됩니다.

객체의 배열이며, 각각 차트의 해당 계열 형식을 설명합니다. 계열에 기본값을 사용하려면 빈 객체 {}를 지정합니다. 계열이나 값을 지정하지 않으면 전역 값이 사용됩니다. 각 객체는 다음 속성을 지원합니다.

• color - 이 계열에 사용할 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.
• fallingColor.fill - 이 계열의 전역 candlestick.fallingColor.fill 값을 재정의합니다.
• fallingColor.stroke - 이 계열의 전역 candlestick.fallingColor.stroke 값을 재정의합니다.
• fallingColor.strokeWidth - 이 계열의 전역 candlestick.fallingColor.strokeWidth 값을 재정의합니다.
• labelInLegend - 차트 범례에 표시될 계열의 설명입니다.
• risingColor.fill - 이 계열의 전역 candlestick.risingColor.fill 값을 재정의합니다.
• risingColor.stroke - 이 계열의 전역 candlestick.risingColor.stroke 값을 재정의합니다.
• risingColor.strokeWidth - 이 계열의 전역 candlestick.risingColor.strokeWidth 값을 재정의합니다.
• targetAxisIndex - 이 계열을 할당할 축입니다. 0은 기본 축이고 1은 반대 축입니다. 기본값은 0입니다. 서로 다른 계열이 서로 다른 축에 대해 렌더링되는 차트를 정의하려면 1로 설정하세요. 하나 이상의 계열이 기본 축에 할당되어야 합니다. 축마다 다른 스케일을 정의할 수 있습니다.
• visibleInLegend - boolean 값입니다. 여기서 true는 계열에 범례 항목이 있어야 함을 의미하고 false는 계열에 범례 항목이 없어야 함을 의미합니다. 기본값은 true입니다.

각각 지정된 순서대로 계열에 적용되는 객체 배열을 지정하거나 각 하위 요소에 적용되는 계열을 나타내는 숫자 키가 있는 객체를 지정할 수 있습니다. 예를 들어 다음 두 선언은 동일하며 첫 번째 계열을 검은색으로, 범례에서 제외된 것으로 선언하고 네 번째 계열을 빨간색으로, 범례에서 제외된 것으로 선언합니다.

 series: [   {color: 'black', visibleInLegend: false}, {}, {},   {color: 'red', visibleInLegend: false} ] series: {   0:{color: 'black', visibleInLegend: false},   3:{color: 'red', visibleInLegend: false} } 

차트 제목 아래에 표시할 텍스트입니다.

제목 텍스트 스타일을 지정하는 객체입니다.

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

테마는 특정 차트 동작이나 시각적 효과를 달성하기 위해 함께 작동하는 사전 정의된 옵션 값의 집합입니다. 현재 하나의 테마만 사용할 수 있습니다.

• 'maximized' - 차트 영역을 최대화하고 범례와 모든 라벨을 차트 영역 내에 그립니다.

차트 위에 표시할 텍스트입니다.

제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

true로 설정하면 차트에서 열을 도메인으로 처리합니다.

차트에 세로 축이 여러 개 있는 경우 개별 세로 축의 속성을 지정합니다. 각 하위 객체는 vAxis 객체이며 vAxis에서 지원하는 모든 속성을 포함할 수 있습니다. 이러한 속성 값은 동일한 속성의 전역 설정을 재정의합니다.

세로 축이 여러 개인 차트를 지정하려면 먼저 series.targetAxisIndex를 사용하여 새 축을 정의한 다음 vAxes를 사용하여 축을 구성합니다. 다음 예에서는 계열 2를 오른쪽 축에 할당하고 맞춤 제목과 텍스트 스타일을 지정합니다.

 {   series: {     2: {       targetAxisIndex:1     }   },   vAxes: {     1: {       title:'Losses',       textStyle: {color: 'red'}     }   } }     

이 속성은 객체 또는 배열일 수 있습니다. 객체는 축을 지정하는 숫자 라벨이 각각 있는 객체의 모음입니다(위의 형식). 배열은 축당 하나의 객체로 구성된 객체의 배열입니다. 예를 들어 다음 배열 스타일 표기법은 위에 표시된 vAxis 객체와 동일합니다.

 vAxes: [   {}, // Nothing specified for axis 0   {     title:'Losses',     textStyle: {color: 'red'} // Axis 1   } ]     

다양한 세로 축 요소를 구성하는 멤버가 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}

세로 축을 따라 값이 증가하는 방향입니다. 기본적으로 낮은 값은 차트 하단에 있습니다. -1을 지정하여 값의 순서를 반대로 합니다.

세로 축의 그리드선을 구성하는 멤버가 있는 객체입니다. 세로축 격자선은 가로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{color: '#333', minSpacing: 20}

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내부의 세로 그리드 선 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

차트 영역 내의 대략적인 가로 그리드 선 수입니다. gridlines.count에 양수를 지정하면 그리드 선 사이의 minSpacing를 계산하는 데 사용됩니다. 1 값을 지정하여 그리드 선을 하나만 그리거나 0 값을 지정하여 그리드 선을 그리지 않을 수 있습니다. 기본값인 -1를 지정하여 다른 옵션을 기반으로 그리드 선 수를 자동으로 계산합니다.

true인 경우 세로축을 로그 스케일로 만듭니다. 참고: 모든 값은 양수여야 합니다.

세로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 위쪽으로 이동합니다. 데이터의 최대 y 값보다 작은 값으로 설정된 경우 무시됩니다. vAxis.viewWindow.max가 이 속성을 재정의합니다.

vAxis.gridlines 옵션과 유사하게 세로 축의 작은 그리드 선을 구성하는 멤버가 있는 객체입니다.

차트 영역 내 세로 보조 그리드 선의 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

minorGridlines.count 옵션은 개수를 0로 설정하여 보조 그리드 선을 사용 중지하는 경우를 제외하고 대부분 지원 중단됩니다. 보조 그리드선 수는 주 그리드선 간격과 최소 필요 공간에 따라 달라집니다.

세로 축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 아래쪽으로 이동합니다. 데이터의 최소 y 값보다 큰 값으로 설정된 경우 무시됩니다. vAxis.viewWindow.min가 이 속성을 재정의합니다.

차트 영역을 기준으로 한 세로축 텍스트의 위치입니다. 지원되는 값: 'out', 'in', 'none'

세로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

세로축의 제목을 지정합니다.

세로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }   

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

세로축의 자르기 범위를 지정합니다.

렌더링할 최대 세로 데이터 값입니다.

vAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

렌더링할 최소 세로 데이터 값입니다.

vAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

차트의 기본 영역의 배경색입니다. 간단한 HTML 색상 문자열(예: 'red' 또는 '#00cc00') 또는 다음 속성이 있는 객체일 수 있습니다.

차트 채우기 색상(HTML 색상 문자열)입니다.

차트 영역 (축과 범례를 제외한 차트 자체를 그리는 영역)의 배치와 크기를 구성하는 멤버가 있는 객체입니다. 두 가지 형식이 지원됩니다. 숫자 또는 숫자 뒤에 %가 오는 형식입니다. 단순 숫자는 픽셀 단위 값이고 숫자 뒤에 % 가 오는 형식은 백분율입니다. 예: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke: 색상입니다. 16진수 문자열 또는 영어 색상 이름으로 제공됩니다.
• strokeWidth: 제공된 경우 지정된 너비 (stroke 색상)로 차트 영역 주위에 테두리를 그립니다.

차트 영역 높이입니다.

왼쪽 테두리에서 차트를 그릴 거리입니다.

상단 테두리에서 차트를 그릴 거리입니다.

차트 영역 너비입니다.

차트 요소에 사용할 색상입니다. 문자열 배열입니다. 각 요소는 HTML 색상 문자열입니다(예: colors:['red','#004411']).

다양한 가로축 요소를 구성하는 멤버가 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

 {   title: 'Hello',   titleTextStyle: {     color: '#FF0000'   } }     

가로 축을 따라 값이 증가하는 방향입니다. -1을 지정하여 값의 순서를 반대로 합니다.

가로축의 그리드선을 구성하는 속성이 있는 객체입니다. 가로축 격자선은 세로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{color: '#333', minSpacing: 20}

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내부의 가로 그리드 선 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

차트 영역 내의 대략적인 가로 그리드 선 수입니다. gridlines.count에 양수를 지정하면 그리드 선 사이의 minSpacing를 계산하는 데 사용됩니다. 1 값을 지정하여 그리드 선을 하나만 그리거나 0 값을 지정하여 그리드 선을 그리지 않을 수 있습니다. 기본값인 -1를 지정하여 다른 옵션을 기반으로 그리드 선 수를 자동으로 계산합니다.

가로축을 대수 스케일로 만드는 hAxis 속성 (모든 값이 양수여야 함) 예인 경우 true로 설정합니다.

이 옵션은 continuous 축에만 지원됩니다.

가로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 오른쪽으로 이동합니다. 데이터의 최대 x 값보다 작은 값으로 설정된 경우 무시됩니다. hAxis.viewWindow.max가 이 속성을 재정의합니다.

hAxis.gridlines 옵션과 유사하게 가로축의 보조 그리드선을 구성하는 멤버가 있는 객체입니다.

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내 가로 보조 그리드 선의 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

minorGridlines.count 옵션은 수를 0으로 설정하여 보조 그리드 선을 사용 중지하는 경우를 제외하고 대부분 지원 중단되었습니다. 이제 보조 그리드 선의 수는 주요 그리드 선 사이의 간격 (hAxis.gridlines.interval 참고)과 최소 요구 공간(hAxis.minorGridlines.minSpacing 참고)에 따라 달라집니다.

가로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 왼쪽으로 이동합니다. 데이터의 최소 x 값보다 큰 값으로 설정된 경우 무시됩니다. hAxis.viewWindow.min가 이 속성을 재정의합니다.

차트 영역을 기준으로 한 가로축 텍스트의 위치입니다. 지원되는 값: 'out', 'in', 'none'

가로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

가로축의 제목을 지정하는 hAxis 속성입니다.

가로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

가로축의 자르기 범위를 지정합니다.

렌더링할 최대 가로 데이터 값입니다.

hAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

렌더링할 최소 가로 데이터 값입니다.

hAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

차트의 높이(픽셀)입니다.

true로 설정하면 각 도메인 값에서 모든 계열의 요소가 누적됩니다. 참고: 열, 영역, SteppedArea 차트에서 Google 차트는 계열 요소의 스태킹에 더 잘 대응하도록 범례 항목의 순서를 반대로 바꿉니다 (예: 계열 0이 가장 아래쪽 범례 항목이 됨). 막대 그래프에는 적용되지 않습니다 .

isStacked 옵션은 각 도메인 값의 요소 스택이 합계가 100% 가 되도록 재조정되는 100% 스태킹도 지원합니다.

isStacked의 옵션은 다음과 같습니다.

• false - 요소가 쌓이지 않습니다. 기본 옵션입니다.
• true - 각 도메인 값에서 모든 계열의 요소를 스택합니다.
• 'percent' - 각 도메인 값에서 모든 계열의 요소를 스택하고 각 요소의 값이 100%의 백분율로 계산되도록 100%가 되도록 다시 조정합니다.
• 'relative' - 각 도메인 값에서 모든 계열의 요소를 스택하고 각 요소의 값이 1의 분수로 계산되도록 합계가 1이 되도록 크기를 조정합니다.
• 'absolute' - isStacked: true과 동일하게 작동합니다.

100% 스태킹의 경우 각 요소의 계산된 값이 실제 값 뒤에 툴팁에 표시됩니다.

타겟 축은 'relative'의 경우 1의 분수로 된 상대적 0~1 스케일, 'percent'의 경우 0~100% 를 기반으로 한 눈금 값으로 기본 설정됩니다. 참고: 'percent' 옵션을 사용하는 경우 축/눈금 값은 백분율로 표시되지만 실제 값은 상대적 0~1 스케일 값입니다. 이는 백분율 축 눈금이 상대 0~1 스케일 값에 '#.##%' 형식을 적용한 결과이기 때문입니다. isStacked: 'percent'를 사용하는 경우 상대 0~1 스케일 값을 사용하여 눈금/격자를 지정해야 합니다. 적절한 hAxis/vAxis 옵션을 사용하여 그리드 선/눈금 값과 형식을 맞춤설정할 수 있습니다.

100% 스태킹은 number 유형의 데이터 값만 지원하며 기준이 0이어야 합니다.

범례의 다양한 측면을 구성하는 구성원이 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

범례의 위치입니다. 다음 중 하나일 수 있습니다.

• 'bottom' - 차트 아래
• 'left' - 왼쪽 축에 연결된 계열이 없는 경우 차트 왼쪽에 표시됩니다. 범례를 왼쪽에 표시하려면 targetAxisIndex: 1 옵션을 사용합니다.
• 'in' - 차트 내부의 왼쪽 상단
• 'none' - 범례가 표시되지 않습니다.
• 'right' - 차트의 오른쪽에 표시됩니다. vAxes 옵션과 호환되지 않습니다.
• 'top' - 차트 위에 표시됩니다.

범례 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

true로 설정하면 오른쪽에서 왼쪽으로 계열을 그립니다. 기본값은 왼쪽에서 오른쪽으로 그리는 것입니다.

이 옵션은 discrete major 축에만 지원됩니다.

객체의 배열이며, 각각 차트의 해당 계열 형식을 설명합니다. 계열에 기본값을 사용하려면 빈 객체 {}를 지정합니다. 계열이나 값을 지정하지 않으면 전역 값이 사용됩니다. 각 객체는 다음 속성을 지원합니다.

• annotations - 이 계열의 주석에 적용할 객체입니다. 이를 사용하여 시리즈의 textStyle을 제어할 수 있습니다.

   series: {   0: {     annotations: {       textStyle: {fontSize: 12, color: 'red' }     }   } }           

  맞춤설정할 수 있는 항목의 전체 목록은 다양한 annotations 옵션을 참고하세요.

• color - 이 계열에 사용할 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.
• labelInLegend - 차트 범례에 표시될 계열의 설명입니다.
• targetAxisIndex - 이 계열을 할당할 축입니다. 0은 기본 축이고 1은 반대 축입니다. 기본값은 0입니다. 서로 다른 계열이 서로 다른 축에 대해 렌더링되는 차트를 정의하려면 1로 설정하세요. 하나 이상의 계열이 기본 축에 할당되어야 합니다. 축마다 다른 스케일을 정의할 수 있습니다.

각각 지정된 순서대로 계열에 적용되는 객체 배열을 지정하거나 각 하위 요소에 적용되는 계열을 나타내는 숫자 키가 있는 객체를 지정할 수 있습니다. 예를 들어 다음 두 선언은 동일하며 첫 번째 계열을 검은색으로, 범례에서 제외된 것으로 선언하고 네 번째 계열을 빨간색으로, 범례에서 제외된 것으로 선언합니다.

 series: [   {color: 'black', visibleInLegend: false}, {}, {},   {color: 'red', visibleInLegend: false} ] series: {   0:{color: 'black', visibleInLegend: false},   3:{color: 'red', visibleInLegend: false} }     

차트 제목 아래에 표시할 텍스트입니다.

제목 텍스트 스타일을 지정하는 객체입니다.

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

테마는 특정 차트 동작이나 시각적 효과를 달성하기 위해 함께 작동하는 사전 정의된 옵션 값의 집합입니다. 현재 하나의 테마만 사용할 수 있습니다.

• 'maximized' - 차트 영역을 최대화하고 범례와 모든 라벨을 차트 영역 내에 그립니다.

차트 위에 표시할 텍스트입니다.

제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

추세선을 지원하는 차트에 추세선 을 표시합니다. 기본적으로 linear 추세선이 사용되지만 trendlines.n.type 옵션으로 맞춤설정할 수 있습니다.

추세선은 계열별로 지정되므로 대부분의 경우 옵션은 다음과 같이 표시됩니다.

 var options = {   trendlines: {     0: {       type: 'linear',       color: 'green',       lineWidth: 3,       opacity: 0.3,       visibleInLegend: true     }   } }     

추세선 의 색상으로, 영어 색상 이름 또는 16진수 문자열로 표현됩니다.

type: 'polynomial'의 추세선 의 경우 다항식의 차수 (이차의 경우 2, 삼차의 경우 3 등)입니다.

설정된 경우 추세선 이 범례에 이 문자열로 표시됩니다.

추세선의 선 너비(픽셀)입니다.

추세선 이 'linear' (기본값), 'exponential' 또는 'polynomial'인지 여부입니다.

추세선 방정식이 범례에 표시되는지 여부입니다. 추세선 도움말에 표시됩니다.

true로 설정하면 차트에서 열을 도메인으로 처리합니다.

차트에 세로 축이 여러 개 있는 경우 개별 세로 축의 속성을 지정합니다. 각 하위 객체는 vAxis 객체이며 vAxis에서 지원하는 모든 속성을 포함할 수 있습니다. 이러한 속성 값은 동일한 속성의 전역 설정을 재정의합니다.

세로 축이 여러 개인 차트를 지정하려면 먼저 series.targetAxisIndex를 사용하여 새 축을 정의한 다음 vAxes를 사용하여 축을 구성합니다. 다음 예에서는 계열 2를 오른쪽 축에 할당하고 맞춤 제목과 텍스트 스타일을 지정합니다.

 {   series: {     2: {       targetAxisIndex:1     }   },   vAxes: {     1: {       title:'Losses',       textStyle: {color: 'red'}     }   } }     

이 속성은 객체 또는 배열일 수 있습니다. 객체는 축을 지정하는 숫자 라벨이 각각 있는 객체의 모음입니다(위의 형식). 배열은 축당 하나의 객체로 구성된 객체의 배열입니다. 예를 들어 다음 배열 스타일 표기법은 위에 표시된 vAxis 객체와 동일합니다.

 vAxes: [   {}, // Nothing specified for axis 0   {     title:'Losses',     textStyle: {color: 'red'} // Axis 1   } ]     

다양한 세로 축 요소를 구성하는 멤버가 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}

세로 축을 따라 값이 증가하는 방향입니다. 기본적으로 낮은 값은 차트 하단에 있습니다. -1을 지정하여 값의 순서를 반대로 합니다.

세로 축의 그리드선을 구성하는 멤버가 있는 객체입니다. 세로축 격자선은 가로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{color: '#333', minSpacing: 20}

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내부의 세로 그리드 선 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

차트 영역 내의 대략적인 가로 그리드 선 수입니다. gridlines.count에 양수를 지정하면 그리드 선 사이의 minSpacing를 계산하는 데 사용됩니다. 1 값을 지정하여 그리드 선을 하나만 그리거나 0 값을 지정하여 그리드 선을 그리지 않을 수 있습니다. 기본값인 -1를 지정하여 다른 옵션을 기반으로 그리드 선 수를 자동으로 계산합니다.

true인 경우 세로축을 로그 스케일로 만듭니다. 참고: 모든 값은 양수여야 합니다.

세로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 위쪽으로 이동합니다. 데이터의 최대 y 값보다 작은 값으로 설정된 경우 무시됩니다. vAxis.viewWindow.max가 이 속성을 재정의합니다.

vAxis.gridlines 옵션과 유사하게 세로 축의 작은 그리드 선을 구성하는 멤버가 있는 객체입니다.

차트 영역 내 세로 보조 그리드 선의 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

minorGridlines.count 옵션은 개수를 0로 설정하여 보조 그리드 선을 사용 중지하는 경우를 제외하고 대부분 지원 중단됩니다. 보조 그리드선 수는 주 그리드선 간격과 최소 필요 공간에 따라 달라집니다.

세로 축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 아래쪽으로 이동합니다. 데이터의 최소 y 값보다 큰 값으로 설정된 경우 무시됩니다. vAxis.viewWindow.min가 이 속성을 재정의합니다.

차트 영역을 기준으로 한 세로축 텍스트의 위치입니다. 지원되는 값: 'out', 'in', 'none'

세로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

세로축의 제목을 지정합니다.

세로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }   

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

세로축의 자르기 범위를 지정합니다.

렌더링할 최대 세로 데이터 값입니다.

vAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

렌더링할 최소 세로 데이터 값입니다.

vAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

영역 차트 계열 아래의 색상 영역의 기본 불투명도입니다. 여기서 0.0는 완전 투명이고 1.0는 완전 불투명입니다. 개별 계열의 불투명도를 지정하려면 series 속성에서 areaOpacity 값을 설정합니다.

차트의 기본 영역의 배경색입니다. 간단한 HTML 색상 문자열(예: 'red' 또는 '#00cc00') 또는 다음 속성이 있는 객체일 수 있습니다.

차트 채우기 색상(HTML 색상 문자열)입니다.

차트 영역 (축과 범례를 제외한 차트 자체를 그리는 영역)의 배치와 크기를 구성하는 멤버가 있는 객체입니다. 두 가지 형식이 지원됩니다. 숫자 또는 숫자 뒤에 %가 오는 형식입니다. 단순 숫자는 픽셀 단위 값이고 숫자 뒤에 % 가 오는 형식은 백분율입니다. 예: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke: 색상입니다. 16진수 문자열 또는 영어 색상 이름으로 제공됩니다.
• strokeWidth: 제공된 경우 지정된 너비 (stroke 색상)로 차트 영역 주위에 테두리를 그립니다.

차트 영역 높이입니다.

왼쪽 테두리에서 차트를 그릴 거리입니다.

상단 테두리에서 차트를 그릴 거리입니다.

차트 영역 너비입니다.

차트 요소에 사용할 색상입니다. 문자열 배열입니다. 각 요소는 HTML 색상 문자열입니다(예: colors:['red','#004411']).

선 너비가 0이 아닐 때 선의 곡선을 제어합니다. 다음 중 하나일 수 있습니다.

• 'none' - 곡선이 없는 직선
• 'function' - 선의 각도가 부드럽게 처리됩니다.

다양한 가로축 요소를 구성하는 멤버가 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

 {   title: 'Hello',   titleTextStyle: {     color: '#FF0000'   } }     

가로 축을 따라 값이 증가하는 방향입니다. -1을 지정하여 값의 순서를 반대로 합니다.

가로축의 그리드선을 구성하는 속성이 있는 객체입니다. 가로축 격자선은 세로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{color: '#333', minSpacing: 20}

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내부의 가로 그리드 선 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

차트 영역 내의 대략적인 가로 그리드 선 수입니다. gridlines.count에 양수를 지정하면 그리드 선 사이의 minSpacing를 계산하는 데 사용됩니다. 1 값을 지정하여 그리드 선을 하나만 그리거나 0 값을 지정하여 그리드 선을 그리지 않을 수 있습니다. 기본값인 -1를 지정하여 다른 옵션을 기반으로 그리드 선 수를 자동으로 계산합니다.

가로축을 대수 스케일로 만드는 hAxis 속성 (모든 값이 양수여야 함) 예인 경우 true로 설정합니다.

이 옵션은 continuous 축에만 지원됩니다.

가로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 오른쪽으로 이동합니다. 데이터의 최대 x 값보다 작은 값으로 설정된 경우 무시됩니다. hAxis.viewWindow.max가 이 속성을 재정의합니다.

hAxis.gridlines 옵션과 유사하게 가로축의 보조 그리드선을 구성하는 멤버가 있는 객체입니다.

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내 가로 보조 그리드 선의 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

minorGridlines.count 옵션은 수를 0으로 설정하여 보조 그리드 선을 사용 중지하는 경우를 제외하고 대부분 지원 중단되었습니다. 이제 보조 그리드 선의 수는 주요 그리드 선 사이의 간격 (hAxis.gridlines.interval 참고)과 최소 요구 공간(hAxis.minorGridlines.minSpacing 참고)에 따라 달라집니다.

가로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 왼쪽으로 이동합니다. 데이터의 최소 x 값보다 큰 값으로 설정된 경우 무시됩니다. hAxis.viewWindow.min가 이 속성을 재정의합니다.

차트 영역을 기준으로 한 가로축 텍스트의 위치입니다. 지원되는 값: 'out', 'in', 'none'

가로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

가로축의 제목을 지정하는 hAxis 속성입니다.

가로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

가로축의 자르기 범위를 지정합니다.

렌더링할 최대 가로 데이터 값입니다.

hAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

렌더링할 최소 가로 데이터 값입니다.

hAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

차트의 높이(픽셀)입니다.

누락된 포인트 값을 추측할지 여부입니다. true인 경우 인접한 포인트를 기반으로 누락된 데이터의 값을 추측합니다. false인 경우 알 수 없는 지점에서 줄이 끊어집니다.

이 옵션은 isStacked: true/'percent'/'relative'/'absolute' 옵션이 있는 영역 차트에서는 지원되지 않습니다.

true로 설정하면 각 도메인 값에서 모든 계열의 요소가 누적됩니다. 참고: 열, 영역, SteppedArea 차트에서 Google 차트는 계열 요소의 스태킹에 더 잘 대응하도록 범례 항목의 순서를 반대로 바꿉니다 (예: 계열 0이 가장 아래쪽 범례 항목이 됨). 막대 그래프에는 적용되지 않습니다 .

isStacked 옵션은 각 도메인 값의 요소 스택이 합계가 100% 가 되도록 재조정되는 100% 스태킹도 지원합니다.

isStacked의 옵션은 다음과 같습니다.

• false - 요소가 쌓이지 않습니다. 기본 옵션입니다.
• true - 각 도메인 값에서 모든 계열의 요소를 스택합니다.
• 'percent' - 각 도메인 값에서 모든 계열의 요소를 스택하고 각 요소의 값이 100%의 백분율로 계산되도록 100%가 되도록 다시 조정합니다.
• 'relative' - 각 도메인 값에서 모든 계열의 요소를 스택하고 각 요소의 값이 1의 분수로 계산되도록 합계가 1이 되도록 크기를 조정합니다.
• 'absolute' - isStacked: true과 동일하게 작동합니다.

100% 스태킹의 경우 각 요소의 계산된 값이 실제 값 뒤에 툴팁에 표시됩니다.

타겟 축은 'relative'의 경우 1의 분수로 된 상대적 0~1 스케일, 'percent'의 경우 0~100% 를 기반으로 한 눈금 값으로 기본 설정됩니다. 참고: 'percent' 옵션을 사용하는 경우 축/눈금 값은 백분율로 표시되지만 실제 값은 상대적 0~1 스케일 값입니다. 이는 백분율 축 눈금이 상대 0~1 스케일 값에 '#.##%' 형식을 적용한 결과이기 때문입니다. isStacked: 'percent'를 사용하는 경우 상대 0~1 스케일 값을 사용하여 눈금/격자를 지정해야 합니다. 적절한 hAxis/vAxis 옵션을 사용하여 그리드 선/눈금 값과 형식을 맞춤설정할 수 있습니다.

100% 스태킹은 number 유형의 데이터 값만 지원하며 기준이 0이어야 합니다.

범례의 다양한 측면을 구성하는 구성원이 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

범례의 위치입니다. 다음 중 하나일 수 있습니다.

• 'bottom' - 차트 아래
• 'left' - 왼쪽 축에 연결된 계열이 없는 경우 차트 왼쪽에 표시됩니다. 범례를 왼쪽에 표시하려면 targetAxisIndex: 1 옵션을 사용합니다.
• 'in' - 차트 내부의 왼쪽 상단
• 'none' - 범례가 표시되지 않습니다.
• 'right' - 차트의 오른쪽에 표시됩니다. vAxes 옵션과 호환되지 않습니다.
• 'top' - 차트 위에 표시됩니다.

범례 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

데이터 선 너비(픽셀)입니다. 0을 사용하여 모든 선을 숨기고 점만 표시합니다. series 속성을 사용하여 개별 시리즈의 값을 재정의할 수 있습니다.

개별 데이터 요소의 모양: 'circle', 'triangle', 'square', 'diamond', 'star' 또는 'polygon' 예시는 포인트 문서 를 참고하세요.

표시된 점의 지름(픽셀)입니다. 모든 점을 숨기려면 0을 사용합니다. series 속성을 사용하여 개별 시리즈의 값을 재정의할 수 있습니다. 추세선을 사용하는 경우 trendlines.n.pointsize 옵션으로 재정의하지 않는 한 pointSize 옵션이 추세선의 너비에 영향을 미칩니다.

true로 설정하면 오른쪽에서 왼쪽으로 계열을 그립니다. 기본값은 왼쪽에서 오른쪽으로 그리는 것입니다.

이 옵션은 discrete major 축에만 지원됩니다.

객체의 배열이며, 각각 차트의 해당 계열 형식을 설명합니다. 계열에 기본값을 사용하려면 빈 객체 {}를 지정합니다. 계열이나 값을 지정하지 않으면 전역 값이 사용됩니다. 각 객체는 다음 속성을 지원합니다.

• annotations - 이 계열의 주석에 적용할 객체입니다. 이를 사용하여 시리즈의 textStyle을 제어할 수 있습니다.

   series: {   0: {     annotations: {       textStyle: {fontSize: 12, color: 'red' }     }   } }           

  맞춤설정할 수 있는 항목의 전체 목록은 다양한 annotations 옵션을 참고하세요.

• areaOpacity - 이 계열의 전역 areaOpacity를 재정의합니다.
• color - 이 계열에 사용할 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.
• curveType - 이 계열의 전역 curveType 값을 재정의합니다.
• fallingColor.fill - 이 계열의 전역 candlestick.fallingColor.fill 값을 재정의합니다.
• fallingColor.stroke - 이 계열의 전역 candlestick.fallingColor.stroke 값을 재정의합니다.
• fallingColor.strokeWidth - 이 계열의 전역 candlestick.fallingColor.strokeWidth 값을 재정의합니다.
• labelInLegend - 차트 범례에 표시될 계열의 설명입니다.
• lineDashStyle - 이 계열의 전역 lineDashStyle 값을 재정의합니다.
• lineWidth - 이 계열의 전역 lineWidth 값을 재정의합니다.
• pointShape - 이 계열의 전역 pointShape 값을 재정의합니다.
• pointSize - 이 계열의 전역 pointSize 값을 재정의합니다.
• pointsVisible - 이 계열의 전역 pointsVisible 값을 재정의합니다.
• risingColor.fill - 이 계열의 전역 candlestick.risingColor.fill 값을 재정의합니다.
• risingColor.stroke - 이 계열의 전역 candlestick.risingColor.stroke 값을 재정의합니다.
• risingColor.strokeWidth - 이 계열의 전역 candlestick.risingColor.strokeWidth 값을 재정의합니다.
• targetAxisIndex - 이 계열을 할당할 축입니다. 0은 기본 축이고 1은 반대 축입니다. 기본값은 0입니다. 서로 다른 계열이 서로 다른 축에 대해 렌더링되는 차트를 정의하려면 1로 설정하세요. 하나 이상의 계열이 기본 축에 할당되어야 합니다. 축마다 다른 스케일을 정의할 수 있습니다.
• type - 이 계열의 마커 유형입니다. 유효한 값은 'line', 'area', 'bars', 'steppedArea'입니다. 막대는 실제로 세로 막대(열)입니다. 기본값은 차트의 seriesType 옵션에 의해 지정됩니다.
• visibleInLegend - boolean 값입니다. 여기서 true는 계열에 범례 항목이 있어야 함을 의미하고 false는 계열에 범례 항목이 없어야 함을 의미합니다. 기본값은 true입니다.

각각 지정된 순서대로 계열에 적용되는 객체 배열을 지정하거나 각 하위 요소에 적용되는 계열을 나타내는 숫자 키가 있는 객체를 지정할 수 있습니다. 예를 들어 다음 두 선언은 동일하며 첫 번째 계열을 검은색으로, 범례에서 제외된 것으로 선언하고 네 번째 계열을 빨간색으로, 범례에서 제외된 것으로 선언합니다.

 series: [   {color: 'black', visibleInLegend: false}, {}, {},   {color: 'red', visibleInLegend: false} ] series: {   0:{color: 'black', visibleInLegend: false},   3:{color: 'red', visibleInLegend: false} }     

차트 제목 아래에 표시할 텍스트입니다.

제목 텍스트 스타일을 지정하는 객체입니다.

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

테마는 특정 차트 동작이나 시각적 효과를 달성하기 위해 함께 작동하는 사전 정의된 옵션 값의 집합입니다. 현재 하나의 테마만 사용할 수 있습니다.

• 'maximized' - 차트 영역을 최대화하고 범례와 모든 라벨을 차트 영역 내에 그립니다.

차트 위에 표시할 텍스트입니다.

제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

true로 설정하면 차트에서 열을 도메인으로 처리합니다.

차트에 세로 축이 여러 개 있는 경우 개별 세로 축의 속성을 지정합니다. 각 하위 객체는 vAxis 객체이며 vAxis에서 지원하는 모든 속성을 포함할 수 있습니다. 이러한 속성 값은 동일한 속성의 전역 설정을 재정의합니다.

세로 축이 여러 개인 차트를 지정하려면 먼저 series.targetAxisIndex를 사용하여 새 축을 정의한 다음 vAxes를 사용하여 축을 구성합니다. 다음 예에서는 계열 2를 오른쪽 축에 할당하고 맞춤 제목과 텍스트 스타일을 지정합니다.

 {   series: {     2: {       targetAxisIndex:1     }   },   vAxes: {     1: {       title:'Losses',       textStyle: {color: 'red'}     }   } }     

이 속성은 객체 또는 배열일 수 있습니다. 객체는 축을 지정하는 숫자 라벨이 각각 있는 객체의 모음입니다(위의 형식). 배열은 축당 하나의 객체로 구성된 객체의 배열입니다. 예를 들어 다음 배열 스타일 표기법은 위에 표시된 vAxis 객체와 동일합니다.

 vAxes: [   {}, // Nothing specified for axis 0   {     title:'Losses',     textStyle: {color: 'red'} // Axis 1   } ]     

다양한 세로 축 요소를 구성하는 멤버가 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}

세로 축을 따라 값이 증가하는 방향입니다. 기본적으로 낮은 값은 차트 하단에 있습니다. -1을 지정하여 값의 순서를 반대로 합니다.

세로 축의 그리드선을 구성하는 멤버가 있는 객체입니다. 세로축 격자선은 가로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{color: '#333', minSpacing: 20}

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내부의 세로 그리드 선 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

차트 영역 내의 대략적인 가로 그리드 선 수입니다. gridlines.count에 양수를 지정하면 그리드 선 사이의 minSpacing를 계산하는 데 사용됩니다. 1 값을 지정하여 그리드 선을 하나만 그리거나 0 값을 지정하여 그리드 선을 그리지 않을 수 있습니다. 기본값인 -1를 지정하여 다른 옵션을 기반으로 그리드 선 수를 자동으로 계산합니다.

true인 경우 세로축을 로그 스케일로 만듭니다. 참고: 모든 값은 양수여야 합니다.

세로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 위쪽으로 이동합니다. 데이터의 최대 y 값보다 작은 값으로 설정된 경우 무시됩니다. vAxis.viewWindow.max가 이 속성을 재정의합니다.

vAxis.gridlines 옵션과 유사하게 세로 축의 작은 그리드 선을 구성하는 멤버가 있는 객체입니다.

차트 영역 내 세로 보조 그리드 선의 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

minorGridlines.count 옵션은 개수를 0로 설정하여 보조 그리드 선을 사용 중지하는 경우를 제외하고 대부분 지원 중단됩니다. 보조 그리드선 수는 주 그리드선 간격과 최소 필요 공간에 따라 달라집니다.

세로 축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 아래쪽으로 이동합니다. 데이터의 최소 y 값보다 큰 값으로 설정된 경우 무시됩니다. vAxis.viewWindow.min가 이 속성을 재정의합니다.

차트 영역을 기준으로 한 세로축 텍스트의 위치입니다. 지원되는 값: 'out', 'in', 'none'

세로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

세로축의 제목을 지정합니다.

세로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }   

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

세로축의 자르기 범위를 지정합니다.

렌더링할 최대 세로 데이터 값입니다.

vAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

렌더링할 최소 세로 데이터 값입니다.

vAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

HTML 색상 표기법에서 녹색 섹션에 사용할 색상입니다.

녹색으로 표시된 범위의 최저 값입니다.

녹색으로 표시된 범위의 최댓값입니다.

차트의 높이(픽셀)입니다.

Y축에 표시할 최댓값입니다. 최대 데이터 포인트가 이 값을 초과하면 이 설정은 무시되고 차트는 최대 데이터 포인트 위의 다음 주요 눈금을 표시하도록 조정됩니다. 이는 scaleType에 의해 결정된 Y축 최댓값보다 우선합니다.

이는 핵심 차트의 maxValue과 유사합니다.

Y축에 표시할 최솟값입니다. 최소 데이터 포인트가 이 값보다 작으면 이 설정은 무시되고 차트는 최소 데이터 포인트 아래의 다음 주요 눈금 표시를 표시하도록 조정됩니다. 이는 scaleType에 의해 결정된 Y축 최소값보다 우선합니다.

이는 핵심 차트의 minValue과 유사합니다.

HTML 색상 표기법에서 빨간색 섹션에 사용할 색상입니다.

빨간색으로 표시된 범위의 최저 값입니다.

빨간색으로 표시된 범위의 최댓값입니다.

차트의 너비(픽셀)입니다.

HTML 색상 표기법에서 노란색 섹션에 사용할 색상입니다.

노란색으로 표시된 범위의 최저 값입니다.

노란색으로 표시된 범위의 최댓값입니다.

차트의 기본 영역의 배경색입니다. 간단한 HTML 색상 문자열(예: 'red' 또는 '#00cc00') 또는 다음 속성이 있는 객체일 수 있습니다.

차트 채우기 색상(HTML 색상 문자열)입니다.

연결된 데이터가 없는 리전에 할당할 색상입니다.

위치(예: 'US')이 있지만 값이 null이거나 지정되지 않았습니다. 이는 데이터가 누락되었을 때 사용되는 색상인 datalessRegionColor와는 다릅니다.

이 지리적 차트의 유형입니다. DataTable 형식은 지정된 값과 일치해야 합니다. 다음 값이 지원됩니다.

• 'auto' - DataTable의 형식을 기반으로 선택합니다.
• 'regions' - 지형도에서 지역의 색상을 지정합니다.
• 'markers' - 지역에 마커를 배치합니다.
• 'text' - DataTable의 텍스트로 지역에 라벨을 지정합니다.

차트의 높이(픽셀)입니다.

범례의 다양한 측면을 구성하는 구성원이 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

범례 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

지리 차트에 표시할 영역입니다. 주변 지역도 표시됩니다. 다음 중 하나일 수 있습니다.

• 'world' - 전 세계의 지리적 차트입니다.
• 대륙 또는 하위 대륙으로, 3자리 코드로 지정됩니다(예: '011'(서아프리카)
• ISO 3166-1 alpha-2 코드로 지정된 국가입니다(예: 'AU'(오스트레일리아)
• 미국의 주입니다. ISO 3166-2:US 코드(예: 'US-AL'(앨라배마) resolution 옵션은 'provinces' 또는 'metros'로 설정해야 합니다.

차트의 너비(픽셀)입니다.

차트의 기본 영역의 배경색입니다. 간단한 HTML 색상 문자열(예: 'red' 또는 '#00cc00') 또는 다음 속성이 있는 객체일 수 있습니다.

차트 채우기 색상(HTML 색상 문자열)입니다.

차트 영역 (축과 범례를 제외한 차트 자체를 그리는 영역)의 배치와 크기를 구성하는 멤버가 있는 객체입니다. 두 가지 형식이 지원됩니다. 숫자 또는 숫자 뒤에 %가 오는 형식입니다. 단순 숫자는 픽셀 단위 값이고 숫자 뒤에 % 가 오는 형식은 백분율입니다. 예: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke: 색상입니다. 16진수 문자열 또는 영어 색상 이름으로 제공됩니다.
• strokeWidth: 제공된 경우 지정된 너비 (stroke 색상)로 차트 영역 주위에 테두리를 그립니다.

차트 영역 높이입니다.

왼쪽 테두리에서 차트를 그릴 거리입니다.

상단 테두리에서 차트를 그릴 거리입니다.

차트 영역 너비입니다.

차트 요소에 사용할 색상입니다. 문자열 배열입니다. 각 요소는 HTML 색상 문자열입니다(예: colors:['red','#004411']).

다양한 가로축 요소를 구성하는 멤버가 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

 {   title: 'Hello',   titleTextStyle: {     color: '#FF0000'   } }     

가로축의 그리드선을 구성하는 속성이 있는 객체입니다. 가로축 격자선은 세로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{color: '#333', minSpacing: 20}

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내부의 가로 그리드 선 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

차트 영역 내의 대략적인 가로 그리드 선 수입니다. gridlines.count에 양수를 지정하면 그리드 선 사이의 minSpacing를 계산하는 데 사용됩니다. 1 값을 지정하여 그리드 선을 하나만 그리거나 0 값을 지정하여 그리드 선을 그리지 않을 수 있습니다. 기본값인 -1를 지정하여 다른 옵션을 기반으로 그리드 선 수를 자동으로 계산합니다.

hAxis.gridlines 옵션과 유사하게 가로축의 보조 그리드선을 구성하는 멤버가 있는 객체입니다.

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내 가로 보조 그리드 선의 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

minorGridlines.count 옵션은 수를 0으로 설정하여 보조 그리드 선을 사용 중지하는 경우를 제외하고 대부분 지원 중단되었습니다. 이제 보조 그리드 선의 수는 주요 그리드 선 사이의 간격 (hAxis.gridlines.interval 참고)과 최소 요구 공간(hAxis.minorGridlines.minSpacing 참고)에 따라 달라집니다.

차트 영역을 기준으로 한 가로축 텍스트의 위치입니다. 지원되는 값: 'out', 'in', 'none'

가로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

가로축의 제목을 지정하는 hAxis 속성입니다.

가로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

가로축의 자르기 범위를 지정합니다.

렌더링할 최대 가로 데이터 값입니다.

hAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

렌더링할 최소 가로 데이터 값입니다.

hAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

차트의 높이(픽셀)입니다.

알고리즘으로 결정되도록 하는 대신 각 히스토그램 막대의 크기를 하드코딩합니다.

히스토그램의 블록 사이의 얇은 부분을 생략하여 연속된 막대로 만듭니다.

히스토그램의 버킷 크기를 계산할 때 상위 및 하위 lastBucketPercentile%를 무시합니다. 값은 여전히 히스토그램에 포함되지만 버킷팅에는 영향을 미치지 않습니다.

누락된 포인트 값을 추측할지 여부입니다. true인 경우 인접한 포인트를 기반으로 누락된 데이터의 값을 추측합니다. false인 경우 알 수 없는 지점에서 줄이 끊어집니다.

이 옵션은 isStacked: true/'percent'/'relative'/'absolute' 옵션이 있는 영역 차트에서는 지원되지 않습니다.

true로 설정하면 각 도메인 값에서 모든 계열의 요소가 누적됩니다. 참고: 열, 영역, SteppedArea 차트에서 Google 차트는 계열 요소의 스태킹에 더 잘 대응하도록 범례 항목의 순서를 반대로 바꿉니다 (예: 계열 0이 가장 아래쪽 범례 항목이 됨). 막대 그래프에는 적용되지 않습니다 .

isStacked 옵션은 각 도메인 값의 요소 스택이 합계가 100% 가 되도록 재조정되는 100% 스태킹도 지원합니다.

isStacked의 옵션은 다음과 같습니다.

• false - 요소가 쌓이지 않습니다. 기본 옵션입니다.
• true - 각 도메인 값에서 모든 계열의 요소를 스택합니다.
• 'percent' - 각 도메인 값에서 모든 계열의 요소를 스택하고 각 요소의 값이 100%의 백분율로 계산되도록 100%가 되도록 다시 조정합니다.
• 'relative' - 각 도메인 값에서 모든 계열의 요소를 스택하고 각 요소의 값이 1의 분수로 계산되도록 합계가 1이 되도록 크기를 조정합니다.
• 'absolute' - isStacked: true과 동일하게 작동합니다.

100% 스태킹의 경우 각 요소의 계산된 값이 실제 값 뒤에 툴팁에 표시됩니다.

타겟 축은 'relative'의 경우 1의 분수로 된 상대적 0~1 스케일, 'percent'의 경우 0~100% 를 기반으로 한 눈금 값으로 기본 설정됩니다. 참고: 'percent' 옵션을 사용하는 경우 축/눈금 값은 백분율로 표시되지만 실제 값은 상대적 0~1 스케일 값입니다. 이는 백분율 축 눈금이 상대 0~1 스케일 값에 '#.##%' 형식을 적용한 결과이기 때문입니다. isStacked: 'percent'를 사용하는 경우 상대 0~1 스케일 값을 사용하여 눈금/격자를 지정해야 합니다. 적절한 hAxis/vAxis 옵션을 사용하여 그리드 선/눈금 값과 형식을 맞춤설정할 수 있습니다.

100% 스태킹은 number 유형의 데이터 값만 지원하며 기준이 0이어야 합니다.

범례의 다양한 측면을 구성하는 구성원이 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

범례의 위치입니다. 다음 중 하나일 수 있습니다.

• 'bottom' - 차트 아래
• 'left' - 왼쪽 축에 연결된 계열이 없는 경우 차트 왼쪽에 표시됩니다. 범례를 왼쪽에 표시하려면 targetAxisIndex: 1 옵션을 사용합니다.
• 'in' - 차트 내부의 왼쪽 상단
• 'none' - 범례가 표시되지 않습니다.
• 'right' - 차트의 오른쪽에 표시됩니다. vAxes 옵션과 호환되지 않습니다.
• 'top' - 차트 위에 표시됩니다.

범례 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

true로 설정하면 오른쪽에서 왼쪽으로 계열을 그립니다. 기본값은 왼쪽에서 오른쪽으로 그리는 것입니다.

이 옵션은 discrete major 축에만 지원됩니다.

객체의 배열이며, 각각 차트의 해당 계열 형식을 설명합니다. 계열에 기본값을 사용하려면 빈 객체 {}를 지정합니다. 계열이나 값을 지정하지 않으면 전역 값이 사용됩니다. 각 객체는 다음 속성을 지원합니다.

• color - 이 계열에 사용할 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.
• labelInLegend - 차트 범례에 표시될 계열의 설명입니다.
• targetAxisIndex - 이 계열을 할당할 축입니다. 0은 기본 축이고 1은 반대 축입니다. 기본값은 0입니다. 서로 다른 계열이 서로 다른 축에 대해 렌더링되는 차트를 정의하려면 1로 설정하세요. 하나 이상의 계열이 기본 축에 할당되어야 합니다. 축마다 다른 스케일을 정의할 수 있습니다.
• visibleInLegend - boolean 값입니다. 여기서 true는 계열에 범례 항목이 있어야 함을 의미하고 false는 계열에 범례 항목이 없어야 함을 의미합니다. 기본값은 true입니다.

각각 지정된 순서대로 계열에 적용되는 객체 배열을 지정하거나 각 하위 요소에 적용되는 계열을 나타내는 숫자 키가 있는 객체를 지정할 수 있습니다. 예를 들어 다음 두 선언은 동일하며 첫 번째 계열을 검은색으로, 범례에서 제외된 것으로 선언하고 네 번째 계열을 빨간색으로, 범례에서 제외된 것으로 선언합니다.

 series: [   {color: 'black', visibleInLegend: false}, {}, {},   {color: 'red', visibleInLegend: false} ] series: {   0:{color: 'black', visibleInLegend: false},   3:{color: 'red', visibleInLegend: false} }     

차트 제목 아래에 표시할 텍스트입니다.

제목 텍스트 스타일을 지정하는 객체입니다.

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

테마는 특정 차트 동작이나 시각적 효과를 달성하기 위해 함께 작동하는 사전 정의된 옵션 값의 집합입니다. 현재 하나의 테마만 사용할 수 있습니다.

• 'maximized' - 차트 영역을 최대화하고 범례와 모든 라벨을 차트 영역 내에 그립니다.

차트 위에 표시할 텍스트입니다.

제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

true로 설정하면 차트에서 열을 도메인으로 처리합니다.

차트에 세로 축이 여러 개 있는 경우 개별 세로 축의 속성을 지정합니다. 각 하위 객체는 vAxis 객체이며 vAxis에서 지원하는 모든 속성을 포함할 수 있습니다. 이러한 속성 값은 동일한 속성의 전역 설정을 재정의합니다.

세로 축이 여러 개인 차트를 지정하려면 먼저 series.targetAxisIndex를 사용하여 새 축을 정의한 다음 vAxes를 사용하여 축을 구성합니다. 다음 예에서는 계열 2를 오른쪽 축에 할당하고 맞춤 제목과 텍스트 스타일을 지정합니다.

 {   series: {     2: {       targetAxisIndex:1     }   },   vAxes: {     1: {       title:'Losses',       textStyle: {color: 'red'}     }   } }     

이 속성은 객체 또는 배열일 수 있습니다. 객체는 축을 지정하는 숫자 라벨이 각각 있는 객체의 모음입니다(위의 형식). 배열은 축당 하나의 객체로 구성된 객체의 배열입니다. 예를 들어 다음 배열 스타일 표기법은 위에 표시된 vAxis 객체와 동일합니다.

 vAxes: [   {}, // Nothing specified for axis 0   {     title:'Losses',     textStyle: {color: 'red'} // Axis 1   } ]     

다양한 세로 축 요소를 구성하는 멤버가 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}

세로 축을 따라 값이 증가하는 방향입니다. 기본적으로 낮은 값은 차트 하단에 있습니다. -1을 지정하여 값의 순서를 반대로 합니다.

세로 축의 그리드선을 구성하는 멤버가 있는 객체입니다. 세로축 격자선은 가로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{color: '#333', minSpacing: 20}

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내부의 세로 그리드 선 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

차트 영역 내의 대략적인 가로 그리드 선 수입니다. gridlines.count에 양수를 지정하면 그리드 선 사이의 minSpacing를 계산하는 데 사용됩니다. 1 값을 지정하여 그리드 선을 하나만 그리거나 0 값을 지정하여 그리드 선을 그리지 않을 수 있습니다. 기본값인 -1를 지정하여 다른 옵션을 기반으로 그리드 선 수를 자동으로 계산합니다.

true인 경우 세로축을 로그 스케일로 만듭니다. 참고: 모든 값은 양수여야 합니다.

세로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 위쪽으로 이동합니다. 데이터의 최대 y 값보다 작은 값으로 설정된 경우 무시됩니다. vAxis.viewWindow.max가 이 속성을 재정의합니다.

vAxis.gridlines 옵션과 유사하게 세로 축의 작은 그리드 선을 구성하는 멤버가 있는 객체입니다.

차트 영역 내 세로 보조 그리드 선의 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

minorGridlines.count 옵션은 개수를 0로 설정하여 보조 그리드 선을 사용 중지하는 경우를 제외하고 대부분 지원 중단됩니다. 보조 그리드선 수는 주 그리드선 간격과 최소 필요 공간에 따라 달라집니다.

세로 축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 아래쪽으로 이동합니다. 데이터의 최소 y 값보다 큰 값으로 설정된 경우 무시됩니다. vAxis.viewWindow.min가 이 속성을 재정의합니다.

차트 영역을 기준으로 한 세로축 텍스트의 위치입니다. 지원되는 값: 'out', 'in', 'none'

세로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

세로축의 제목을 지정합니다.

세로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }   

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

세로축의 자르기 범위를 지정합니다.

렌더링할 최대 세로 데이터 값입니다.

vAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

렌더링할 최소 세로 데이터 값입니다.

vAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

차트의 너비(픽셀)입니다.

차트의 기본 영역의 배경색입니다. 간단한 HTML 색상 문자열(예: 'red' 또는 '#00cc00') 또는 다음 속성이 있는 객체일 수 있습니다.

차트 채우기 색상(HTML 색상 문자열)입니다.

차트 영역 (축과 범례를 제외한 차트 자체를 그리는 영역)의 배치와 크기를 구성하는 멤버가 있는 객체입니다. 두 가지 형식이 지원됩니다. 숫자 또는 숫자 뒤에 %가 오는 형식입니다. 단순 숫자는 픽셀 단위 값이고 숫자 뒤에 % 가 오는 형식은 백분율입니다. 예: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke: 색상입니다. 16진수 문자열 또는 영어 색상 이름으로 제공됩니다.
• strokeWidth: 제공된 경우 지정된 너비 (stroke 색상)로 차트 영역 주위에 테두리를 그립니다.

차트 영역 높이입니다.

왼쪽 테두리에서 차트를 그릴 거리입니다.

상단 테두리에서 차트를 그릴 거리입니다.

차트 영역 너비입니다.

차트 요소에 사용할 색상입니다. 문자열 배열입니다. 각 요소는 HTML 색상 문자열입니다(예: colors:['red','#004411']).

선 너비가 0이 아닐 때 선의 곡선을 제어합니다. 다음 중 하나일 수 있습니다.

• 'none' - 곡선이 없는 직선
• 'function' - 선의 각도가 부드럽게 처리됩니다.

다양한 가로축 요소를 구성하는 멤버가 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

 {   title: 'Hello',   titleTextStyle: {     color: '#FF0000'   } }     

가로 축을 따라 값이 증가하는 방향입니다. -1을 지정하여 값의 순서를 반대로 합니다.

가로축의 그리드선을 구성하는 속성이 있는 객체입니다. 가로축 격자선은 세로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{color: '#333', minSpacing: 20}

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내부의 가로 그리드 선 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

차트 영역 내의 대략적인 가로 그리드 선 수입니다. gridlines.count에 양수를 지정하면 그리드 선 사이의 minSpacing를 계산하는 데 사용됩니다. 1 값을 지정하여 그리드 선을 하나만 그리거나 0 값을 지정하여 그리드 선을 그리지 않을 수 있습니다. 기본값인 -1를 지정하여 다른 옵션을 기반으로 그리드 선 수를 자동으로 계산합니다.

가로축을 대수 스케일로 만드는 hAxis 속성 (모든 값이 양수여야 함) 예인 경우 true로 설정합니다.

이 옵션은 continuous 축에만 지원됩니다.

가로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 오른쪽으로 이동합니다. 데이터의 최대 x 값보다 작은 값으로 설정된 경우 무시됩니다. hAxis.viewWindow.max가 이 속성을 재정의합니다.

hAxis.gridlines 옵션과 유사하게 가로축의 보조 그리드선을 구성하는 멤버가 있는 객체입니다.

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내 가로 보조 그리드 선의 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

minorGridlines.count 옵션은 수를 0으로 설정하여 보조 그리드 선을 사용 중지하는 경우를 제외하고 대부분 지원 중단되었습니다. 이제 보조 그리드 선의 수는 주요 그리드 선 사이의 간격 (hAxis.gridlines.interval 참고)과 최소 요구 공간(hAxis.minorGridlines.minSpacing 참고)에 따라 달라집니다.

가로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 왼쪽으로 이동합니다. 데이터의 최소 x 값보다 큰 값으로 설정된 경우 무시됩니다. hAxis.viewWindow.min가 이 속성을 재정의합니다.

차트 영역을 기준으로 한 가로축 텍스트의 위치입니다. 지원되는 값: 'out', 'in', 'none'

가로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

가로축의 제목을 지정하는 hAxis 속성입니다.

가로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

가로축의 자르기 범위를 지정합니다.

렌더링할 최대 가로 데이터 값입니다.

hAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

렌더링할 최소 가로 데이터 값입니다.

hAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

차트의 높이(픽셀)입니다.

누락된 포인트 값을 추측할지 여부입니다. true인 경우 인접한 포인트를 기반으로 누락된 데이터의 값을 추측합니다. false인 경우 알 수 없는 지점에서 줄이 끊어집니다.

이 옵션은 isStacked: true/'percent'/'relative'/'absolute' 옵션이 있는 영역 차트에서는 지원되지 않습니다.

범례의 다양한 측면을 구성하는 구성원이 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

범례의 위치입니다. 다음 중 하나일 수 있습니다.

• 'bottom' - 차트 아래
• 'left' - 왼쪽 축에 연결된 계열이 없는 경우 차트 왼쪽에 표시됩니다. 범례를 왼쪽에 표시하려면 targetAxisIndex: 1 옵션을 사용합니다.
• 'in' - 차트 내부의 왼쪽 상단
• 'none' - 범례가 표시되지 않습니다.
• 'right' - 차트의 오른쪽에 표시됩니다. vAxes 옵션과 호환되지 않습니다.
• 'top' - 차트 위에 표시됩니다.

범례 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

데이터 선 너비(픽셀)입니다. 0을 사용하여 모든 선을 숨기고 점만 표시합니다. series 속성을 사용하여 개별 시리즈의 값을 재정의할 수 있습니다.

개별 데이터 요소의 모양: 'circle', 'triangle', 'square', 'diamond', 'star' 또는 'polygon' 예시는 포인트 문서 를 참고하세요.

표시된 점의 지름(픽셀)입니다. 모든 점을 숨기려면 0을 사용합니다. series 속성을 사용하여 개별 시리즈의 값을 재정의할 수 있습니다. 추세선을 사용하는 경우 trendlines.n.pointsize 옵션으로 재정의하지 않는 한 pointSize 옵션이 추세선의 너비에 영향을 미칩니다.

true로 설정하면 오른쪽에서 왼쪽으로 계열을 그립니다. 기본값은 왼쪽에서 오른쪽으로 그리는 것입니다.

이 옵션은 discrete major 축에만 지원됩니다.

객체의 배열이며, 각각 차트의 해당 계열 형식을 설명합니다. 계열에 기본값을 사용하려면 빈 객체 {}를 지정합니다. 계열이나 값을 지정하지 않으면 전역 값이 사용됩니다. 각 객체는 다음 속성을 지원합니다.

• annotations - 이 계열의 주석에 적용할 객체입니다. 이를 사용하여 시리즈의 textStyle을 제어할 수 있습니다.

   series: {   0: {     annotations: {       textStyle: {fontSize: 12, color: 'red' }     }   } }           

  맞춤설정할 수 있는 항목의 전체 목록은 다양한 annotations 옵션을 참고하세요.

• type - 이 계열의 마커 유형입니다. 유효한 값은 'line', 'area', 'bars', 'steppedArea'입니다. 막대는 실제로 세로 막대(열)입니다. 기본값은 차트의 seriesType 옵션에 의해 지정됩니다.
• color - 이 계열에 사용할 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.
• curveType - 이 계열의 전역 curveType 값을 재정의합니다.
• labelInLegend - 차트 범례에 표시될 계열의 설명입니다.
• lineDashStyle - 이 계열의 전역 lineDashStyle 값을 재정의합니다.
• lineWidth - 이 계열의 전역 lineWidth 값을 재정의합니다.
• pointShape - 이 계열의 전역 pointShape 값을 재정의합니다.
• pointSize - 이 계열의 전역 pointSize 값을 재정의합니다.
• pointsVisible - 이 계열의 전역 pointsVisible 값을 재정의합니다.
• targetAxisIndex - 이 계열을 할당할 축입니다. 0은 기본 축이고 1은 반대 축입니다. 기본값은 0입니다. 서로 다른 계열이 서로 다른 축에 대해 렌더링되는 차트를 정의하려면 1로 설정하세요. 하나 이상의 계열이 기본 축에 할당되어야 합니다. 축마다 다른 스케일을 정의할 수 있습니다.
• visibleInLegend - boolean 값입니다. 여기서 true는 계열에 범례 항목이 있어야 함을 의미하고 false는 계열에 범례 항목이 없어야 함을 의미합니다. 기본값은 true입니다.

각각 지정된 순서대로 계열에 적용되는 객체 배열을 지정하거나 각 하위 요소에 적용되는 계열을 나타내는 숫자 키가 있는 객체를 지정할 수 있습니다. 예를 들어 다음 두 선언은 동일하며 첫 번째 계열을 검은색으로, 범례에서 제외된 것으로 선언하고 네 번째 계열을 빨간색으로, 범례에서 제외된 것으로 선언합니다.

 series: [   {color: 'black', visibleInLegend: false}, {}, {},   {color: 'red', visibleInLegend: false} ] series: {   0:{color: 'black', visibleInLegend: false},   3:{color: 'red', visibleInLegend: false} }     

차트 제목 아래에 표시할 텍스트입니다.

제목 텍스트 스타일을 지정하는 객체입니다.

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

테마는 특정 차트 동작이나 시각적 효과를 달성하기 위해 함께 작동하는 사전 정의된 옵션 값의 집합입니다. 현재 하나의 테마만 사용할 수 있습니다.

• 'maximized' - 차트 영역을 최대화하고 범례와 모든 라벨을 차트 영역 내에 그립니다.

차트 위에 표시할 텍스트입니다.

제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

true로 설정하면 차트에서 열을 텍스트 열로 처리합니다.

추세선을 지원하는 차트에 추세선 을 표시합니다. 기본적으로 linear 추세선이 사용되지만 trendlines.n.type 옵션으로 맞춤설정할 수 있습니다.

추세선은 계열별로 지정되므로 대부분의 경우 옵션은 다음과 같이 표시됩니다.

 var options = {   trendlines: {     0: {       type: 'linear',       color: 'green',       lineWidth: 3,       opacity: 0.3,       visibleInLegend: true     }   } }     

추세선 의 색상으로, 영어 색상 이름 또는 16진수 문자열로 표현됩니다.

type: 'polynomial'의 추세선 의 경우 다항식의 차수 (이차의 경우 2, 삼차의 경우 3 등)입니다.

설정된 경우 추세선 이 범례에 이 문자열로 표시됩니다.

추세선 의 선 너비입니다(픽셀 단위).

추세선 이 'linear' (기본값), 'exponential' 또는 'polynomial'인지 여부입니다.

추세선 방정식이 범례에 표시되는지 여부입니다. 추세선 도움말에 표시됩니다.

true로 설정하면 차트에서 열을 도메인으로 처리합니다.

차트에 세로 축이 여러 개 있는 경우 개별 세로 축의 속성을 지정합니다. 각 하위 객체는 vAxis 객체이며 vAxis에서 지원하는 모든 속성을 포함할 수 있습니다. 이러한 속성 값은 동일한 속성의 전역 설정을 재정의합니다.

세로 축이 여러 개인 차트를 지정하려면 먼저 series.targetAxisIndex를 사용하여 새 축을 정의한 다음 vAxes를 사용하여 축을 구성합니다. 다음 예에서는 계열 2를 오른쪽 축에 할당하고 맞춤 제목과 텍스트 스타일을 지정합니다.

 {   series: {     2: {       targetAxisIndex:1     }   },   vAxes: {     1: {       title:'Losses',       textStyle: {color: 'red'}     }   } }     

이 속성은 객체 또는 배열일 수 있습니다. 객체는 축을 지정하는 숫자 라벨이 각각 있는 객체의 모음입니다(위의 형식). 배열은 축당 하나의 객체로 구성된 객체의 배열입니다. 예를 들어 다음 배열 스타일 표기법은 위에 표시된 vAxis 객체와 동일합니다.

 vAxes: [   {}, // Nothing specified for axis 0   {     title:'Losses',     textStyle: {color: 'red'} // Axis 1   } ]     

다양한 세로 축 요소를 구성하는 멤버가 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}

세로 축을 따라 값이 증가하는 방향입니다. 기본적으로 낮은 값은 차트 하단에 있습니다. -1을 지정하여 값의 순서를 반대로 합니다.

세로 축의 그리드선을 구성하는 멤버가 있는 객체입니다. 세로축 격자선은 가로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{color: '#333', minSpacing: 20}

이 옵션은 continuous 축에만 지원됩니다.

차트 영역 내부의 세로 그리드 선 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

차트 영역 내의 대략적인 가로 그리드 선 수입니다. gridlines.count에 양수를 지정하면 그리드 선 사이의 minSpacing를 계산하는 데 사용됩니다. 1 값을 지정하여 그리드 선을 하나만 그리거나 0 값을 지정하여 그리드 선을 그리지 않을 수 있습니다. 기본값인 -1를 지정하여 다른 옵션을 기반으로 그리드 선 수를 자동으로 계산합니다.

true인 경우 세로축을 로그 스케일로 만듭니다. 참고: 모든 값은 양수여야 합니다.

세로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 위쪽으로 이동합니다. 데이터의 최대 y 값보다 작은 값으로 설정된 경우 무시됩니다. vAxis.viewWindow.max가 이 속성을 재정의합니다.

vAxis.gridlines 옵션과 유사하게 세로 축의 작은 그리드 선을 구성하는 멤버가 있는 객체입니다.

차트 영역 내 세로 보조 그리드 선의 색상입니다. 유효한 HTML 색상 문자열을 지정합니다.

minorGridlines.count 옵션은 개수를 0로 설정하여 보조 그리드 선을 사용 중지하는 경우를 제외하고 대부분 지원 중단됩니다. 보조 그리드선 수는 주 그리드선 간격과 최소 필요 공간에 따라 달라집니다.

세로 축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 아래쪽으로 이동합니다. 데이터의 최소 y 값보다 큰 값으로 설정된 경우 무시됩니다. vAxis.viewWindow.min가 이 속성을 재정의합니다.

차트 영역을 기준으로 한 세로축 텍스트의 위치입니다. 지원되는 값: 'out', 'in', 'none'

세로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

세로축의 제목을 지정합니다.

세로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }   

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

세로축의 자르기 범위를 지정합니다.

렌더링할 최대 세로 데이터 값입니다.

vAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

렌더링할 최소 세로 데이터 값입니다.

vAxis.viewWindowMode이 'pretty' 또는 'maximized'인 경우 무시됩니다.

조직도 요소의 배경 색상입니다.

선택한 조직도 요소의 배경색입니다.

차트의 전체 크기입니다. 옵션은 'small', 'medium', 'large'입니다.

차트의 기본 영역의 배경색입니다. 간단한 HTML 색상 문자열(예: 'red' 또는 '#00cc00') 또는 다음 속성이 있는 객체일 수 있습니다.

차트 채우기 색상(HTML 색상 문자열)입니다.

차트 영역 (축과 범례를 제외한 차트 자체를 그리는 영역)의 배치와 크기를 구성하는 멤버가 있는 객체입니다. 두 가지 형식이 지원됩니다. 숫자 또는 숫자 뒤에 %가 오는 형식입니다. 단순 숫자는 픽셀 단위 값이고 숫자 뒤에 % 가 오는 형식은 백분율입니다. 예: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke: 색상입니다. 16진수 문자열 또는 영어 색상 이름으로 제공됩니다.
• strokeWidth: 제공된 경우 지정된 너비 (stroke 색상)로 차트 영역 주위에 테두리를 그립니다.

차트 영역 높이입니다.

왼쪽 테두리에서 차트를 그릴 거리입니다.

상단 테두리에서 차트를 그릴 거리입니다.

차트 영역 너비입니다.

차트 요소에 사용할 색상입니다. 문자열 배열입니다. 각 요소는 HTML 색상 문자열입니다(예: colors:['red','#004411']).

차트의 높이(픽셀)입니다.

true인 경우 3차원 차트를 표시합니다.

범례의 다양한 측면을 구성하는 구성원이 있는 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다.

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

범례의 위치입니다. 다음 중 하나일 수 있습니다.

• 'bottom' - 차트 아래
• 'left' - 왼쪽 축에 연결된 계열이 없는 경우 차트 왼쪽에 표시됩니다. 범례를 왼쪽에 표시하려면 targetAxisIndex: 1 옵션을 사용합니다.
• 'in' - 차트 내부의 왼쪽 상단
• 'none' - 범례가 표시되지 않습니다.
• 'right' - 차트의 오른쪽에 표시됩니다. vAxes 옵션과 호환되지 않습니다.
• 'top' - 차트 위에 표시됩니다.

범례 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

0~1인 경우 도넛형 차트를 표시합니다. 구멍의 반지름은 차트 반지름의 number배입니다.

슬라이스 테두리의 색상입니다. 차트가 2차원인 경우에만 적용됩니다.

슬라이스에 표시되는 텍스트의 콘텐츠입니다. 다음 중 하나일 수 있습니다.

• 'percentage' - 전체에서 슬라이스 크기가 차지하는 비율입니다.
• 'value' - 슬라이스의 정량적 값입니다.
• 'label' - 슬라이스의 이름입니다.
• 'none' - 텍스트가 표시되지 않습니다.

슬라이스 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

{color: <string>, fontName: <string>, fontSize: <number>}

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

true로 설정하면 오른쪽에서 왼쪽으로 계열을 그립니다. 기본값은 왼쪽에서 오른쪽으로 그리는 것입니다.

이 옵션은 discrete major 축에만 지원됩니다.

이 슬라이드에 사용할 색상입니다.

차트 제목 아래에 표시할 텍스트입니다.

제목 텍스트 스타일을 지정하는 객체입니다.

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

차트 위에 표시할 텍스트입니다.

제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다.

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color은 'red' 또는 '#00cc00'와 같은 HTML 색상 문자열일 수 있습니다. fontName 및 fontSize도 참고하세요.

차트의 기본 영역의 배경색입니다. 간단한 HTML 색상 문자열(예: 'red' 또는 '#00cc00') 또는 다음 속성이 있는 객체일 수 있습니다.

차트 채우기 색상(HTML 색상 문자열)입니다.

차트 영역 (축과 범례를 제외한 차트 자체를 그리는 영역)의 배치와 크기를 구성하는 멤버가 있는 객체입니다. 두 가지 형식이 지원됩니다. 숫자 또는 숫자 뒤에 %가 오는 형식입니다. 단순 숫자는 픽셀 단위 값이고 숫자 뒤에 % 가 오는 형식은 백분율입니다. 예: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke: 색상입니다. 16진수 문자열 또는 영어 색상 이름으로 제공됩니다.
• strokeWidth: 제공된 경우 지정된 너비 (stroke 색상)로 차트 영역 주위에 테두리를 그립니다.