차트 유형
- 주석 차트
- 영역 차트
- 막대 그래프
- 풍선형 차트
- Calendar
- 원통형 차트
- 열 차트
- 콤보 차트
- 게이지
- 지역 차트
- 히스토그램
- 선 차트
- 조직도
- 원형 차트
- 분산형 차트
- 계단식 영역 차트
- 표 차트
- 일정
- 트리 맵
주석 차트 구성 옵션
이름 | |
---|---|
색상 | 차트 요소에 사용할 색상입니다. 문자열 배열로, 여기서 각 요소는 HTML 색상 문자열입니다(예: 유형: 문자열 배열
기본값: 기본 색상
|
displayRangeSelector | 확대/축소 범위 선택 영역 (차트 하단의 영역)을 표시할지 여부입니다. 여기서 확대/축소 선택기의 윤곽선은 차트의 첫 번째 시리즈의 로그 스케일 버전으로, 확대/축소 선택기의 높이에 맞게 조정됩니다. 유형:
boolean 기본값:
true |
displayZoomButton |
확대/축소 버튼 표시 여부 ('1일 5일 1분' 등). 여기서 유형:
boolean 기본값:
true |
max |
Y축에 표시할 최댓값입니다. 최대 데이터 포인트가 이 값을 초과하면 이 설정이 무시되고 최대 데이터 포인트 위의 다음 주요 체크 표시가 나타나도록 차트가 조정됩니다. 이 값은 핵심 차트의 유형:
number 기본값: 자동
|
분 |
Y축에 표시할 최솟값입니다. 최소 데이터 포인트가 이 값보다 작으면 이 설정이 무시되고 최소 데이터 포인트 아래의 다음 주요 눈금 표시가 나타나도록 차트가 조정됩니다. 이 값은 핵심 차트의 유형:
number 기본값: 자동
|
영역 차트 구성 옵션
이름 | |
---|---|
영역 불투명도 |
영역 차트 계열 아래 색상 영역의 기본 불투명도입니다. 유형:
number , 0.0- 1.0 기본값:
0.3 |
backgroundColor |
차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열(예: 유형:
string 또는 object 기본값:
'white' |
backgroundColor.fill |
HTML 색상 문자열로 표시되는 차트 채우기 색상입니다. 유형:
string 기본값:
'white' |
차트 영역 |
차트 영역 (축과 범례를 제외하고 차트 자체가 그려지는 위치)의 위치와 크기를 구성하는 멤버가 포함된 객체입니다. 숫자 또는 숫자 뒤에 %가 오는 두 가지 형식이 지원됩니다. 간단한 숫자는 픽셀 값이며, 숫자 다음에 % 가 오는 형식은 백분율입니다. 예: 유형:
object 기본값:
null |
차트 영역.배경 색상 |
차트 영역 배경 색상입니다. 문자열이 사용되는 경우 16진수 문자열(예:
'#fdc' ) 또는 영어 색상 이름을 사용할 수 있습니다. 객체가 사용될 때 다음 속성을 제공할 수 있습니다.
유형:
string 또는 object 기본값:
'white' |
차트 영역 높이 |
차트 영역 높이입니다. 유형:
number 또는 string 기본값: 자동
|
차트 영역 왼쪽 |
왼쪽 테두리에서 차트를 그리는 거리입니다. 유형:
number 또는 string 기본값: 자동
|
차트영역 상단 |
상단 테두리에서 차트를 그리는 거리입니다. 유형:
number 또는 string 기본값: 자동
|
차트 영역 너비 |
차트 영역 너비 유형:
number 또는 string 기본값: 자동
|
색상 |
차트 요소에 사용할 색상입니다. 문자열 배열로, 여기서 각 요소는 HTML 색상 문자열입니다(예: 유형: 문자열 배열
기본값: 기본 색상
|
h축 |
다양한 가로축 요소를 구성하는 요소가 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 유형:
object 기본값:
null |
hAxis.direction |
가로축 값이 확장되는 방향입니다. 값의 순서를 반대로 하려면 유형:
1 또는 -1 기본값:
1 |
hAxis.gridlines |
가로축에 격자선을 구성하는 속성이 있는 객체입니다. 가로축 격자선은 세로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {color: '#333', minSpacing: 20}
이 옵션은 유형:
object 기본값:
null |
hAxis.gridlines.color |
차트 영역 내 가로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본값:
'#CCC' |
hAxis.gridlines.count |
차트 영역 내에 있는 가로 격자선의 대략적인 개수입니다. 유형:
number 기본값:
-1 |
hAxis.logScale |
가로축을 대수 배율로 만드는 이 옵션은 유형:
boolean 기본값:
false |
hAxis.maxValue |
가로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 오른쪽으로 이동합니다. 데이터의 최대 x값보다 작은 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
hAxis.minorGridlines |
이 옵션은 유형:
object 기본값:
null |
hAxis.minorGridlines.color |
차트 영역 안의 보조 격자선 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본: 격자선과 배경 색상의 혼합
|
hAxis.minorGridlines.count |
유형:
number 기본값:
1 |
hAxis.minValue |
가로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 왼쪽으로 이동합니다. 데이터의 최소 x값보다 큰 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
hAxis.textPosition |
차트 영역을 기준으로 한 가로축 텍스트의 위치입니다. 지원되는 값: 유형:
string 기본값:
'out' |
hAxis.textStyle |
가로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
가로축의 제목을 지정하는 유형:
string 기본값:
null |
hAxis.titleTextStyle |
가로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
가로축의 자르기 범위를 지정합니다. 유형:
object 기본값:
null |
hAxis.viewWindow.max |
렌더링할 최대 가로 데이터 값입니다.
유형:
number 기본값: 자동
|
hAxis.viewWindow.min |
렌더링할 최소 가로 데이터 값입니다.
유형:
number 기본값: 자동
|
높이 |
픽셀 단위의 차트 높이입니다. 유형:
number 기본값: 포함하는 요소의 높이
|
보간기 |
누락된 포인트의 값을 추측할지 여부입니다.
이는 유형:
boolean 기본값:
false |
스택형 |
100% 스태킹의 경우 각 요소의 계산된 값이 실제 값 다음에 도움말에 표시됩니다.
타겟 축은 기본적으로 상대적인 0~1 배율을 기반으로 하는 틱 값을
100% 스태킹은 유형:
boolean /string 기본값:
false |
범례 |
범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 유형:
object 기본값:
null |
범례.위치 |
범례의 위치입니다. 다음 중 하나일 수 있습니다.
유형:
string 기본값:
'right' |
범례 텍스트 스타일 |
범례 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
선 너비 |
픽셀 단위의 데이터 선 너비입니다. 모든 선을 숨기고 점만 표시하려면 0을 사용합니다. 유형:
number 기본값:
2 |
포인트 도형 |
개별 데이터 요소의 모양: 유형:
string 기본값:
'circle' |
포인트 크기 |
표시되는 점의 직경(픽셀)입니다. 모든 지점을 숨기려면 0을 사용하세요. 유형:
number 기본값:
0 |
리버스 카테고리 |
이 옵션은 유형:
boolean 기본값:
false |
시리즈 |
객체의 배열로, 각각 차트에서 해당 계열의 형식을 설명합니다. 계열에 기본값을 사용하려면 빈 객체
각각 지정된 순서대로 계열에 적용되는 객체의 배열을 지정하거나, 각 하위 요소에 적용되는 계열을 나타내는 숫자 키가 있는 객체를 지정할 수 있습니다. 예를 들어 다음 두 선언은 동일하며, 첫 번째 계열은 검은색으로 범례에 없고 네 번째 계열은 빨간색으로 범례에 없음을 선언합니다. series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 유형: 객체의 배열 또는 중첩된 객체가 있는 객체
기본값:
{} |
부제목 |
차트 제목 아래에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
subtitleTextStyle |
제목 텍스트 스타일을 지정하는 객체입니다.
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
테마 |
테마는 특정 차트 동작이나 시각적 효과를 달성하기 위해 함께 작동하는 사전 정의된 옵션 값의 집합입니다. 현재 한 가지 테마만 사용할 수 있습니다.
유형:
string 기본값:
null |
제목 |
차트 위에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
제목텍스트스타일 |
제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
AdjustLabelsAsText |
유형:
boolean |
도메인 이름으로 첫 번째 열 사용 |
유형:
boolean |
vAx |
차트에 세로축이 여러 개 있는 경우 개별 세로축의 속성을 지정합니다.
각 하위 객체는
여러 개의 세로축이 있는 차트를 지정하려면 먼저 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
이 속성은 객체 또는 배열일 수 있습니다. 객체는 객체의 모음이며 각 객체에는 자신이 정의하는 축(위에 표시된 형식)을 지정하는 숫자 라벨이 있습니다. 배열은 객체의 배열이며 축당 하나씩 있습니다. 예를 들어 다음 배열 스타일 표기법은 위에 표시된 vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] 유형: 객체의 배열 또는 하위 객체가 있는 객체
기본값:
null |
vAxis |
다양한 세로축 요소를 구성하는 요소가 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {title: 'Hello', titleTextStyle: {color: '#FF0000'}} 유형:
object 기본값:
null |
vAxis.direction |
세로축 값이 확장되는 방향입니다. 기본적으로 낮은 값은 차트 하단에 있습니다. 값의 순서를 반대로 하려면 유형:
1 또는 -1 기본값:
1 |
vAxis.gridlines |
세로축의 격자선을 구성하는 멤버가 포함된 객체입니다. 세로축 격자선은 가로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {color: '#333', minSpacing: 20}
이 옵션은 유형:
object 기본값:
null |
vAxis.gridlines.색상 |
차트 영역 내 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본값:
'#CCC' |
vAxis.gridlines.count |
차트 영역 내에 있는 가로 격자선의 대략적인 개수입니다.
유형:
number 기본값:
-1 |
vAxis.logScale |
유형:
boolean 기본값:
false |
vAxis.maxValue |
세로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 위쪽에 있습니다. 데이터의 최대 y값보다 작은 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
vAxis.minorGridlines |
vAxis.gridlines 옵션과 유사하게 세로 축에 작은 격자선을 구성하는 멤버가 포함된 객체입니다. 유형:
object 기본값:
null |
vAxis.minorGridlines.color |
차트 영역 안의 작은 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본: 격자선과 배경 색상의 혼합
|
vAxis.minorGridlines.count |
유형:
number 기본값:
1 |
vAxis.minValue |
세로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 아래쪽으로 이동합니다. 데이터의 최소 y값보다 큰 값으로 설정되면 무시됩니다.
유형:
number 기본값:
null |
vAxis.textPosition 클래스의 생성자 |
차트 영역을 기준으로 세로축 텍스트의 위치입니다. 지원되는 값: 유형:
string 기본값:
'out' |
vAxis.textStyle |
세로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
세로축의 제목을 지정합니다. 유형:
string 기본값: 제목 없음
|
vAxis.titleTextStyle 클래스의 생성자 |
세로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
세로축의 자르기 범위를 지정합니다. 유형:
object 기본값:
null |
vAxis.viewWindow.max |
렌더링할 최대 세로 데이터 값입니다.
유형:
number 기본값: 자동
|
vAxis.viewWindow.min |
렌더링할 최소 세로 데이터 값입니다.
유형:
number 기본값: 자동
|
막대 그래프 구성 옵션
이름 | |
---|---|
backgroundColor |
차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열(예: 유형:
string 또는 object 기본값:
'white' |
backgroundColor.fill |
HTML 색상 문자열로 표시되는 차트 채우기 색상입니다. 유형:
string 기본값:
'white' |
차트 영역 |
차트 영역 (축과 범례를 제외하고 차트 자체가 그려지는 위치)의 위치와 크기를 구성하는 멤버가 포함된 객체입니다. 숫자 또는 숫자 뒤에 %가 오는 두 가지 형식이 지원됩니다. 간단한 숫자는 픽셀 값이며, 숫자 다음에 % 가 오는 형식은 백분율입니다. 예: 유형:
object 기본값:
null |
차트 영역.배경 색상 |
차트 영역 배경 색상입니다. 문자열이 사용되는 경우 16진수 문자열(예:
'#fdc' ) 또는 영어 색상 이름을 사용할 수 있습니다. 객체가 사용될 때 다음 속성을 제공할 수 있습니다.
유형:
string 또는 object 기본값:
'white' |
차트 영역 높이 |
차트 영역 높이입니다. 유형:
number 또는 string 기본값: 자동
|
차트 영역 왼쪽 |
왼쪽 테두리에서 차트를 그리는 거리입니다. 유형:
number 또는 string 기본값: 자동
|
차트영역 상단 |
상단 테두리에서 차트를 그리는 거리입니다. 유형:
number 또는 string 기본값: 자동
|
차트 영역 너비 |
차트 영역 너비 유형: 숫자 또는
string 기본값: 자동
|
색상 |
차트 요소에 사용할 색상입니다. 문자열 배열로, 여기서 각 요소는 HTML 색상 문자열입니다(예: 유형: 문자열 배열
기본값: 기본 색상
|
h축 |
차트에 가로축이 여러 개 있는 경우 개별 가로축의 속성을 지정합니다. 각 하위 객체는
여러 개의 가로축이 있는 차트를 지정하려면 먼저
이 속성은 객체 또는 배열일 수 있습니다. 객체는 객체의 모음이며 각 객체에는 자신이 정의하는 축(위에 표시된 형식)을 지정하는 숫자 라벨이 있습니다. 배열은 객체의 배열이며 축당 하나씩 있습니다. 예를 들어 다음 배열 스타일 표기법은 위에 표시된 hAxes: { {}, // Nothing specified for axis 0 { title:'Losses', textStyle: { color: 'red' } } // Axis 1 유형: 객체의 배열 또는 하위 객체가 있는 객체
기본값:
null |
h축 |
다양한 가로축 요소를 구성하는 요소가 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 유형:
object 기본값:
null |
hAxis.direction |
가로축 값이 확장되는 방향입니다. 값의 순서를 반대로 하려면 유형:
1 또는 -1 기본값:
1 |
hAxis.gridlines |
가로축에 격자선을 구성하는 속성이 있는 객체입니다. 가로축 격자선은 세로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {color: '#333', minSpacing: 20}
이 옵션은 유형:
object 기본값:
null |
hAxis.gridlines.color |
차트 영역 내 가로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본값:
'#CCC' |
hAxis.gridlines.count |
차트 영역 내에 있는 가로 격자선의 대략적인 개수입니다. 유형:
number 기본값:
-1 |
hAxis.logScale |
가로축을 대수 배율로 만드는 이 옵션은 유형:
boolean 기본값:
false |
hAxis.maxValue |
가로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 오른쪽으로 이동합니다. 데이터의 최대 x값보다 작은 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
hAxis.minorGridlines |
이 옵션은 유형:
object 기본값:
null |
hAxis.minorGridlines.color |
차트 영역 안의 보조 격자선 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본: 격자선과 배경 색상의 혼합
|
hAxis.minorGridlines.count |
유형:
number 기본값:
1 |
hAxis.minValue |
가로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 왼쪽으로 이동합니다. 데이터의 최소 x값보다 큰 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
hAxis.textPosition |
차트 영역을 기준으로 한 가로축 텍스트의 위치입니다. 지원되는 값: 유형:
string 기본값:
'out' |
hAxis.textStyle |
가로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
가로축의 제목을 지정하는 유형:
string 기본값:
null |
hAxis.titleTextStyle |
가로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
가로축의 자르기 범위를 지정합니다. 유형:
object 기본값:
null |
hAxis.viewWindow.max |
렌더링할 최대 가로 데이터 값입니다.
유형:
number 기본값: 자동
|
hAxis.viewWindow.min |
렌더링할 최소 가로 데이터 값입니다.
유형:
number 기본값: 자동
|
높이 |
픽셀 단위의 차트 높이입니다. 유형:
number 기본값: 포함하는 요소의 높이
|
스택형 |
100% 스태킹의 경우 각 요소의 계산된 값이 실제 값 다음에 도움말에 표시됩니다.
타겟 축은 기본적으로 상대적인 0~1 배율을 기반으로 하는 틱 값을
100% 스태킹은 유형:
boolean /string 기본값:
false |
범례 |
범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 유형:
object 기본값:
null |
범례.위치 |
범례의 위치입니다. 다음 중 하나일 수 있습니다.
유형:
string 기본값:
'right' |
범례 텍스트 스타일 |
범례 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
리버스 카테고리 |
이 옵션은 유형:
boolean 기본값:
false |
시리즈 |
객체의 배열로, 각각 차트에서 해당 계열의 형식을 설명합니다.
계열에 기본값을 사용하려면 빈 객체
각각 지정된 순서대로 계열에 적용되는 객체의 배열을 지정하거나, 각 하위 요소에 적용되는 계열을 나타내는 숫자 키가 있는 객체를 지정할 수 있습니다. 예를 들어 다음 두 선언은 동일하며, 첫 번째 계열은 검은색으로 범례에 없고 네 번째 계열은 빨간색으로 범례에 없음을 선언합니다. series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 유형: 객체의 배열 또는 중첩된 객체가 있는 객체
기본값:
{} |
부제목 |
차트 제목 아래에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
subtitleTextStyle |
제목 텍스트 스타일을 지정하는 객체입니다.
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
테마 |
테마는 특정 차트 동작이나 시각적 효과를 달성하기 위해 함께 작동하는 사전 정의된 옵션 값의 집합입니다. 현재 한 가지 테마만 사용할 수 있습니다.
유형:
string 기본값:
null |
제목 |
차트 위에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
제목텍스트스타일 |
제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
추세선 |
추세선을 지원하는 차트에
추세선
을 표시합니다. 기본적으로
추세선은 시리즈별로 지정되므로 대부분의 경우 옵션은 다음과 같습니다. var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } 유형:
object 기본값:
null |
추세선.n.색상 |
추세선 의 색상으로, 영어 색상 이름이나 16진수 문자열로 표현됩니다. 유형:
string 기본값: 기본 계열 색상
|
추세선.n.도 |
유형:
number 기본값:
3 |
추세선.n.labelInLegend |
설정된 경우 추세선 이 범례에 이 문자열로 나타납니다. 유형:
string 기본값:
null |
Trendslines.n.lineWidth |
추세선의 선 너비입니다(단위: 픽셀). 유형:
number 기본값:
2 |
추세선.n.유형 |
추세선
이 유형:
string 기본값:
linear |
추세선.n.visibleInLegend |
추세선 방정식이 범례에 표시되는지 여부입니다. 추세선 도움말에 표시됩니다. 유형:
boolean 기본값:
false |
도메인 이름으로 첫 번째 열 사용 |
유형:
boolean |
vAxis |
다양한 세로축 요소를 구성하는 요소가 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {title: 'Hello', titleTextStyle: {color: '#FF0000'}} 유형:
object 기본값:
null |
vAxis.direction |
세로축 값이 확장되는 방향입니다. 기본적으로 낮은 값은 차트 하단에 있습니다. 값의 순서를 반대로 하려면 유형:
1 또는 -1 기본값:
1 |
vAxis.gridlines |
세로축의 격자선을 구성하는 멤버가 포함된 객체입니다. 세로축 격자선은 가로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {color: '#333', minSpacing: 20}
이 옵션은 유형:
object 기본값:
null |
vAxis.gridlines.색상 |
차트 영역 내 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본값:
'#CCC' |
vAxis.gridlines.count |
차트 영역 내에 있는 가로 격자선의 대략적인 개수입니다.
유형:
number 기본값:
-1 |
vAxis.logScale |
유형:
boolean 기본값:
false |
vAxis.maxValue |
세로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 위쪽에 있습니다. 데이터의 최대 y값보다 작은 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
vAxis.minorGridlines |
vAxis.gridlines 옵션과 유사하게 세로 축에 작은 격자선을 구성하는 멤버가 포함된 객체입니다. 유형:
object 기본값:
null |
vAxis.minorGridlines.color |
차트 영역 안의 작은 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본: 격자선과 배경 색상의 혼합
|
vAxis.minorGridlines.count |
유형:
number 기본값:
1 |
vAxis.minValue |
세로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 아래쪽으로 이동합니다. 데이터의 최소 y값보다 큰 값으로 설정되면 무시됩니다.
유형:
number 기본값:
null |
vAxis.textPosition 클래스의 생성자 |
차트 영역을 기준으로 세로축 텍스트의 위치입니다. 지원되는 값: 유형:
string 기본값:
'out' |
vAxis.textStyle |
세로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
세로축의 제목을 지정합니다. 유형:
string 기본값: 제목 없음
|
vAxis.titleTextStyle 클래스의 생성자 |
세로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
세로축의 자르기 범위를 지정합니다. 유형:
object 기본값:
null |
vAxis.viewWindow.max |
렌더링할 최대 세로 데이터 값입니다.
유형:
number 기본값: 자동
|
vAxis.viewWindow.min |
렌더링할 최소 세로 데이터 값입니다.
유형:
number 기본값: 자동
|
풍선형 차트 구성 옵션
이름 | |
---|---|
backgroundColor |
차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열(예: 유형:
string 또는 object 기본값:
'white' |
backgroundColor.fill |
HTML 색상 문자열로 표시되는 차트 채우기 색상입니다. 유형:
string 기본값:
'white' |
bubble |
풍선의 시각적 속성을 구성하는 멤버가 포함된 객체입니다. 유형:
object 기본값:
null |
Bubble.opacity |
풍선의 불투명도로, 유형: 0.0에서 1.0 사이의 숫자
기본값: 0.8
|
풍선.스트로크 |
풍선 획의 색상입니다. 유형:
string 기본값:
'#ccc' |
풍선.텍스트 스타일 |
풍선 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. {color: <string>, fontName: <string>, fontSize: <number>}
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
차트 영역 |
차트 영역 (축과 범례를 제외하고 차트 자체가 그려지는 위치)의 위치와 크기를 구성하는 멤버가 포함된 객체입니다. 숫자 또는 숫자 뒤에 %가 오는 두 가지 형식이 지원됩니다. 간단한 숫자는 픽셀 값이며, 숫자 다음에 % 가 오는 형식은 백분율입니다. 예: 유형:
object 기본값:
null |
차트 영역.배경 색상 |
차트 영역 배경 색상입니다. 문자열이 사용되는 경우 16진수 문자열(예:
'#fdc' ) 또는 영어 색상 이름을 사용할 수 있습니다. 객체가 사용될 때 다음 속성을 제공할 수 있습니다.
유형:
string 또는 object 기본값:
'white' |
차트 영역 높이 |
차트 영역 높이입니다. 유형:
number 또는 string 기본값: 자동
|
차트 영역 왼쪽 |
왼쪽 테두리에서 차트를 그리는 거리입니다. 유형:
number 또는 string 기본값: 자동
|
차트영역 상단 |
상단 테두리에서 차트를 그리는 거리입니다. 유형:
number 또는 string 기본값: 자동
|
차트 영역 너비 |
차트 영역 너비 유형:
number 또는 string 기본값: 자동
|
색상 |
차트 요소에 사용할 색상입니다. 문자열 배열로, 여기서 각 요소는 HTML 색상 문자열입니다(예: 유형: 문자열 배열
기본값: 기본 색상
|
h축 |
다양한 가로축 요소를 구성하는 요소가 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 유형:
object 기본값:
null |
hAxis.direction |
가로축 값이 확장되는 방향입니다. 값의 순서를 반대로 하려면 유형:
1 또는 -1 기본값:
1 |
hAxis.gridlines |
가로축에 격자선을 구성하는 속성이 있는 객체입니다. 가로축 격자선은 세로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {color: '#333', minSpacing: 20}
이 옵션은 유형:
object 기본값:
null |
hAxis.gridlines.color |
차트 영역 내 가로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본값:
'#CCC' |
hAxis.gridlines.count |
차트 영역 내에 있는 가로 격자선의 대략적인 개수입니다. 유형:
number 기본값:
-1 |
hAxis.logScale |
가로축을 대수 배율로 만드는 이 옵션은 유형:
boolean 기본값:
false |
hAxis.maxValue |
가로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 오른쪽으로 이동합니다. 데이터의 최대 x값보다 작은 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
hAxis.minorGridlines |
이 옵션은 유형:
object 기본값:
null |
hAxis.minorGridlines.color |
차트 영역 안의 보조 격자선 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본: 격자선과 배경 색상의 혼합
|
hAxis.minorGridlines.count |
유형:
number 기본값:
1 |
hAxis.minValue |
가로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 왼쪽으로 이동합니다. 데이터의 최소 x값보다 큰 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
hAxis.textPosition |
차트 영역을 기준으로 한 가로축 텍스트의 위치입니다. 지원되는 값: 유형:
string 기본값:
'out' |
hAxis.textStyle |
가로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
가로축의 제목을 지정하는 유형:
string 기본값:
null |
hAxis.titleTextStyle |
가로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
가로축의 자르기 범위를 지정합니다. 유형:
object 기본값:
null |
hAxis.viewWindow.max |
렌더링할 최대 가로 데이터 값입니다.
유형:
number 기본값: 자동
|
hAxis.viewWindow.min |
렌더링할 최소 가로 데이터 값입니다.
유형:
number 기본값: 자동
|
높이 |
픽셀 단위의 차트 높이입니다. 유형:
number 기본값: 포함하는 요소의 높이
|
범례 |
범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 유형:
object 기본값:
null |
범례.위치 |
범례의 위치입니다. 다음 중 하나일 수 있습니다.
유형:
string 기본값:
'right' |
범례 텍스트 스타일 |
범례 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
시리즈 |
객체의 객체로, 여기서 키는 계열 이름 (색상 열의 값) 및 차트에서 해당 계열의 형식을 설명하는 각 객체입니다. 계열이나 값을 지정하지 않으면 전역 값이 사용됩니다. 각 객체는 다음과 같은 속성을 지원합니다.
series: {'Europe': {color: 'green'}} 유형: 중첩된 객체가 있는 객체
기본값:
{} |
크기 축 |
값이 풍선 크기와 연결되는 방식을 구성하는 멤버가 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {minValue: 0, maxSize: 20} 유형:
object 기본값:
null |
sizeAxis.maxSize |
가능한 가장 큰 풍선의 최대 반경(픽셀)입니다. 유형:
number 기본값: 30
|
sizeAxis.minSize |
가능한 가장 작은 풍선의 최소 반경(픽셀)입니다. 유형:
number 기본값: 5
|
부제목 |
차트 제목 아래에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
subtitleTextStyle |
제목 텍스트 스타일을 지정하는 객체입니다.
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
테마 |
테마는 특정 차트 동작이나 시각적 효과를 달성하기 위해 함께 작동하는 사전 정의된 옵션 값의 집합입니다. 현재 한 가지 테마만 사용할 수 있습니다.
유형:
string 기본값:
null |
제목 |
차트 위에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
제목텍스트스타일 |
제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
AdjustLabelsAsText |
유형:
boolean |
도메인 이름으로 첫 번째 열 사용 |
유형:
boolean |
vAx |
차트에 세로축이 여러 개 있는 경우 개별 세로축의 속성을 지정합니다.
각 하위 객체는
여러 개의 세로축이 있는 차트를 지정하려면 먼저 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
이 속성은 객체 또는 배열일 수 있습니다. 객체는 객체의 모음이며 각 객체에는 자신이 정의하는 축(위에 표시된 형식)을 지정하는 숫자 라벨이 있습니다. 배열은 객체의 배열이며 축당 하나씩 있습니다. 예를 들어 다음 배열 스타일 표기법은 위에 표시된 vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] 유형: 객체의 배열 또는 하위 객체가 있는 객체
기본값:
null |
vAxis |
다양한 세로축 요소를 구성하는 요소가 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {title: 'Hello', titleTextStyle: {color: '#FF0000'}} 유형:
object 기본값:
null |
vAxis.direction |
세로축 값이 확장되는 방향입니다. 기본적으로 낮은 값은 차트 하단에 있습니다. 값의 순서를 반대로 하려면 유형:
1 또는 -1 기본값:
1 |
vAxis.gridlines |
세로축의 격자선을 구성하는 멤버가 포함된 객체입니다. 세로축 격자선은 가로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {color: '#333', minSpacing: 20}
이 옵션은 유형:
object 기본값:
null |
vAxis.gridlines.색상 |
차트 영역 내 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본값:
'#CCC' |
vAxis.gridlines.count |
차트 영역 내에 있는 가로 격자선의 대략적인 개수입니다.
유형:
number 기본값:
-1 |
vAxis.logScale |
유형:
boolean 기본값:
false |
vAxis.maxValue |
세로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 위쪽에 있습니다. 데이터의 최대 y값보다 작은 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
vAxis.minorGridlines |
vAxis.gridlines 옵션과 유사하게 세로 축에 작은 격자선을 구성하는 멤버가 포함된 객체입니다. 유형:
object 기본값:
null |
vAxis.minorGridlines.color |
차트 영역 안의 작은 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본: 격자선과 배경 색상의 혼합
|
vAxis.minorGridlines.count |
유형:
number 기본값:
1 |
vAxis.minValue |
세로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 아래쪽으로 이동합니다. 데이터의 최소 y값보다 큰 값으로 설정되면 무시됩니다.
유형:
number 기본값:
null |
vAxis.textPosition 클래스의 생성자 |
차트 영역을 기준으로 세로축 텍스트의 위치입니다. 지원되는 값: 유형:
string 기본값:
'out' |
vAxis.textStyle |
세로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
세로축의 제목을 지정합니다. 유형:
string 기본값: 제목 없음
|
vAxis.titleTextStyle 클래스의 생성자 |
세로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
세로축의 자르기 범위를 지정합니다. 유형:
object 기본값:
null |
vAxis.viewWindow.max |
렌더링할 최대 세로 데이터 값입니다.
유형:
number 기본값: 자동
|
vAxis.viewWindow.min |
렌더링할 최소 세로 데이터 값입니다.
유형:
number 기본값: 자동
|
캘린더 구성 옵션
이름 | |
---|---|
높이 |
픽셀 단위의 차트 높이입니다. 유형:
number 기본값: 포함하는 요소의 높이
|
너비 |
픽셀 단위의 차트 너비입니다. 유형:
number 기본값: 포함하는 요소의 너비
|
원통형 차트 구성 옵션
이름 | |
---|---|
backgroundColor |
차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열(예: 유형:
string 또는 object 기본값:
'white' |
backgroundColor.fill |
HTML 색상 문자열로 표시되는 차트 채우기 색상입니다. 유형:
string 기본값:
'white' |
차트 영역 |
차트 영역 (축과 범례를 제외하고 차트 자체가 그려지는 위치)의 위치와 크기를 구성하는 멤버가 포함된 객체입니다. 숫자 또는 숫자 뒤에 %가 오는 두 가지 형식이 지원됩니다. 간단한 숫자는 픽셀 값이며, 숫자 다음에 % 가 오는 형식은 백분율입니다. 예: 유형:
object 기본값:
null |
차트 영역.배경 색상 |
차트 영역 배경 색상입니다. 문자열이 사용되는 경우 16진수 문자열(예:
'#fdc' ) 또는 영어 색상 이름을 사용할 수 있습니다. 객체가 사용될 때 다음 속성을 제공할 수 있습니다.
유형:
string 또는 object 기본값:
'white' |
차트 영역 높이 |
차트 영역 높이입니다. 유형:
number 또는 string 기본값: 자동
|
차트 영역 왼쪽 |
왼쪽 테두리에서 차트를 그리는 거리입니다. 유형:
number 또는 string 기본값: 자동
|
차트영역 상단 |
상단 테두리에서 차트를 그리는 거리입니다. 유형:
number 또는 string 기본값: 자동
|
차트 영역 너비 |
차트 영역 너비 유형:
number 또는 string 기본값: 자동
|
색상 |
차트 요소에 사용할 색상입니다. 문자열 배열로, 여기서 각 요소는 HTML 색상 문자열입니다(예: 유형: 문자열 배열
기본값: 기본 색상
|
h축 |
다양한 가로축 요소를 구성하는 요소가 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 유형:
object 기본값:
null |
hAxis.direction |
가로축 값이 확장되는 방향입니다. 값의 순서를 반대로 하려면 유형:
1 또는 -1 기본값:
1 |
hAxis.gridlines |
가로축에 격자선을 구성하는 속성이 있는 객체입니다. 가로축 격자선은 세로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {color: '#333', minSpacing: 20}
이 옵션은 유형:
object 기본값:
null |
hAxis.gridlines.color |
차트 영역 내 가로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본값:
'#CCC' |
hAxis.gridlines.count |
차트 영역 내에 있는 가로 격자선의 대략적인 개수입니다. 유형:
number 기본값:
-1 |
hAxis.logScale |
가로축을 대수 배율로 만드는 이 옵션은 유형:
boolean 기본값:
false |
hAxis.maxValue |
가로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 오른쪽으로 이동합니다. 데이터의 최대 x값보다 작은 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
hAxis.minorGridlines |
이 옵션은 유형:
object 기본값:
null |
hAxis.minorGridlines.color |
차트 영역 안의 보조 격자선 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본: 격자선과 배경 색상의 혼합
|
hAxis.minorGridlines.count |
유형:
number 기본값:
1 |
hAxis.minValue |
가로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 왼쪽으로 이동합니다. 데이터의 최소 x값보다 큰 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
hAxis.textPosition |
차트 영역을 기준으로 한 가로축 텍스트의 위치입니다. 지원되는 값: 유형:
string 기본값:
'out' |
hAxis.textStyle |
가로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
가로축의 제목을 지정하는 유형:
string 기본값:
null |
hAxis.titleTextStyle |
가로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
가로축의 자르기 범위를 지정합니다. 유형:
object 기본값:
null |
hAxis.viewWindow.max |
렌더링할 최대 가로 데이터 값입니다.
유형:
number 기본값: 자동
|
hAxis.viewWindow.min |
렌더링할 최소 가로 데이터 값입니다.
유형:
number 기본값: 자동
|
높이 |
픽셀 단위의 차트 높이입니다. 유형:
number 기본값: 포함하는 요소의 높이
|
범례 |
범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 유형:
object 기본값:
null |
범례.위치 |
범례의 위치입니다. 다음 중 하나일 수 있습니다.
유형:
string 기본값:
'right' |
범례 텍스트 스타일 |
범례 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
리버스 카테고리 |
이 옵션은 유형:
boolean 기본값:
false |
시리즈 |
객체의 배열로, 각각 차트에서 해당 계열의 형식을 설명합니다.
계열에 기본값을 사용하려면 빈 객체
각각 지정된 순서대로 계열에 적용되는 객체의 배열을 지정하거나, 각 하위 요소에 적용되는 계열을 나타내는 숫자 키가 있는 객체를 지정할 수 있습니다. 예를 들어 다음 두 선언은 동일하며, 첫 번째 계열은 검은색으로 범례에 없고 네 번째 계열은 빨간색으로 범례에 없음을 선언합니다. series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 유형: 객체의 배열 또는 중첩된 객체가 있는 객체
기본값:
{} |
부제목 |
차트 제목 아래에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
subtitleTextStyle |
제목 텍스트 스타일을 지정하는 객체입니다.
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
테마 |
테마는 특정 차트 동작이나 시각적 효과를 달성하기 위해 함께 작동하는 사전 정의된 옵션 값의 집합입니다. 현재 한 가지 테마만 사용할 수 있습니다.
유형:
string 기본값:
null |
제목 |
차트 위에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
제목텍스트스타일 |
제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
도메인 이름으로 첫 번째 열 사용 |
유형:
boolean |
vAx |
차트에 세로축이 여러 개 있는 경우 개별 세로축의 속성을 지정합니다.
각 하위 객체는
여러 개의 세로축이 있는 차트를 지정하려면 먼저 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
이 속성은 객체 또는 배열일 수 있습니다. 객체는 객체의 모음이며 각 객체에는 자신이 정의하는 축(위에 표시된 형식)을 지정하는 숫자 라벨이 있습니다. 배열은 객체의 배열이며 축당 하나씩 있습니다. 예를 들어 다음 배열 스타일 표기법은 위에 표시된 vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] 유형: 객체의 배열 또는 하위 객체가 있는 객체
기본값:
null |
vAxis |
다양한 세로축 요소를 구성하는 요소가 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {title: 'Hello', titleTextStyle: {color: '#FF0000'}} 유형:
object 기본값:
null |
vAxis.direction |
세로축 값이 확장되는 방향입니다. 기본적으로 낮은 값은 차트 하단에 있습니다. 값의 순서를 반대로 하려면 유형:
1 또는 -1 기본값:
1 |
vAxis.gridlines |
세로축의 격자선을 구성하는 멤버가 포함된 객체입니다. 세로축 격자선은 가로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {color: '#333', minSpacing: 20}
이 옵션은 유형:
object 기본값:
null |
vAxis.gridlines.색상 |
차트 영역 내 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본값:
'#CCC' |
vAxis.gridlines.count |
차트 영역 내에 있는 가로 격자선의 대략적인 개수입니다.
유형:
number 기본값:
-1 |
vAxis.logScale |
유형:
boolean 기본값:
false |
vAxis.maxValue |
세로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 위쪽에 있습니다. 데이터의 최대 y값보다 작은 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
vAxis.minorGridlines |
vAxis.gridlines 옵션과 유사하게 세로 축에 작은 격자선을 구성하는 멤버가 포함된 객체입니다. 유형:
object 기본값:
null |
vAxis.minorGridlines.color |
차트 영역 안의 작은 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본: 격자선과 배경 색상의 혼합
|
vAxis.minorGridlines.count |
유형:
number 기본값:
1 |
vAxis.minValue |
세로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 아래쪽으로 이동합니다. 데이터의 최소 y값보다 큰 값으로 설정되면 무시됩니다.
유형:
number 기본값:
null |
vAxis.textPosition 클래스의 생성자 |
차트 영역을 기준으로 세로축 텍스트의 위치입니다. 지원되는 값: 유형:
string 기본값:
'out' |
vAxis.textStyle |
세로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
세로축의 제목을 지정합니다. 유형:
string 기본값: 제목 없음
|
vAxis.titleTextStyle 클래스의 생성자 |
세로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
세로축의 자르기 범위를 지정합니다. 유형:
object 기본값:
null |
vAxis.viewWindow.max |
렌더링할 최대 세로 데이터 값입니다.
유형:
number 기본값: 자동
|
vAxis.viewWindow.min |
렌더링할 최소 세로 데이터 값입니다.
유형:
number 기본값: 자동
|
열 차트 구성 옵션
이름 | |
---|---|
backgroundColor |
차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열(예: 유형:
string 또는 object 기본값:
'white' |
backgroundColor.fill |
HTML 색상 문자열로 표시되는 차트 채우기 색상입니다. 유형:
string 기본값:
'white' |
차트 영역 |
차트 영역 (축과 범례를 제외하고 차트 자체가 그려지는 위치)의 위치와 크기를 구성하는 멤버가 포함된 객체입니다. 숫자 또는 숫자 뒤에 %가 오는 두 가지 형식이 지원됩니다. 간단한 숫자는 픽셀 값이며, 숫자 다음에 % 가 오는 형식은 백분율입니다. 예: 유형:
object 기본값:
null |
차트 영역.배경 색상 |
차트 영역 배경 색상입니다. 문자열이 사용되는 경우 16진수 문자열(예:
'#fdc' ) 또는 영어 색상 이름을 사용할 수 있습니다. 객체가 사용될 때 다음 속성을 제공할 수 있습니다.
유형:
string 또는 object 기본값:
'white' |
차트 영역 높이 |
차트 영역 높이입니다. 유형:
number 또는 string 기본값: 자동
|
차트 영역 왼쪽 |
왼쪽 테두리에서 차트를 그리는 거리입니다. 유형:
number 또는 string 기본값: 자동
|
차트영역 상단 |
상단 테두리에서 차트를 그리는 거리입니다. 유형:
number 또는 string 기본값: 자동
|
차트 영역 너비 |
차트 영역 너비 유형:
number 또는 string 기본값: 자동
|
색상 |
차트 요소에 사용할 색상입니다. 문자열 배열로, 여기서 각 요소는 HTML 색상 문자열입니다(예: 유형: 문자열 배열
기본값: 기본 색상
|
h축 |
다양한 가로축 요소를 구성하는 요소가 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 유형:
object 기본값:
null |
hAxis.direction |
가로축 값이 확장되는 방향입니다. 값의 순서를 반대로 하려면 유형:
1 또는 -1 기본값:
1 |
hAxis.gridlines |
가로축에 격자선을 구성하는 속성이 있는 객체입니다. 가로축 격자선은 세로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {color: '#333', minSpacing: 20}
이 옵션은 유형:
object 기본값:
null |
hAxis.gridlines.color |
차트 영역 내 가로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본값:
'#CCC' |
hAxis.gridlines.count |
차트 영역 내에 있는 가로 격자선의 대략적인 개수입니다. 유형:
number 기본값:
-1 |
hAxis.logScale |
가로축을 대수 배율로 만드는 이 옵션은 유형:
boolean 기본값:
false |
hAxis.maxValue |
가로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 오른쪽으로 이동합니다. 데이터의 최대 x값보다 작은 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
hAxis.minorGridlines |
이 옵션은 유형:
object 기본값:
null |
hAxis.minorGridlines.color |
차트 영역 안의 보조 격자선 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본: 격자선과 배경 색상의 혼합
|
hAxis.minorGridlines.count |
유형:
number 기본값:
1 |
hAxis.minValue |
가로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 왼쪽으로 이동합니다. 데이터의 최소 x값보다 큰 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
hAxis.textPosition |
차트 영역을 기준으로 한 가로축 텍스트의 위치입니다. 지원되는 값: 유형:
string 기본값:
'out' |
hAxis.textStyle |
가로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
가로축의 제목을 지정하는 유형:
string 기본값:
null |
hAxis.titleTextStyle |
가로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
가로축의 자르기 범위를 지정합니다. 유형:
object 기본값:
null |
hAxis.viewWindow.max |
렌더링할 최대 가로 데이터 값입니다.
유형:
number 기본값: 자동
|
hAxis.viewWindow.min |
렌더링할 최소 가로 데이터 값입니다.
유형:
number 기본값: 자동
|
높이 |
픽셀 단위의 차트 높이입니다. 유형:
number 기본값: 포함하는 요소의 높이
|
스택형 |
100% 스태킹의 경우 각 요소의 계산된 값이 실제 값 다음에 도움말에 표시됩니다.
타겟 축은 기본적으로 상대적인 0~1 배율을 기반으로 하는 틱 값을
100% 스태킹은 유형:
boolean /string 기본값:
false |
범례 |
범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 유형:
object 기본값:
null |
범례.위치 |
범례의 위치입니다. 다음 중 하나일 수 있습니다.
유형:
string 기본값:
'right' |
범례 텍스트 스타일 |
범례 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
리버스 카테고리 |
이 옵션은 유형:
boolean 기본값:
false |
시리즈 |
객체의 배열로, 각각 차트에서 해당 계열의 형식을 설명합니다.
계열에 기본값을 사용하려면 빈 객체
각각 지정된 순서대로 계열에 적용되는 객체의 배열을 지정하거나, 각 하위 요소에 적용되는 계열을 나타내는 숫자 키가 있는 객체를 지정할 수 있습니다. 예를 들어 다음 두 선언은 동일하며, 첫 번째 계열은 검은색으로 범례에 없고 네 번째 계열은 빨간색으로 범례에 없음을 선언합니다. series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 유형: 객체의 배열 또는 중첩된 객체가 있는 객체
기본값:
{} |
부제목 |
차트 제목 아래에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
subtitleTextStyle |
제목 텍스트 스타일을 지정하는 객체입니다.
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
테마 |
테마는 특정 차트 동작이나 시각적 효과를 달성하기 위해 함께 작동하는 사전 정의된 옵션 값의 집합입니다. 현재 한 가지 테마만 사용할 수 있습니다.
유형:
string 기본값:
null |
제목 |
차트 위에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
제목텍스트스타일 |
제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
추세선 |
추세선을 지원하는 차트에
추세선
을 표시합니다. 기본적으로
추세선은 시리즈별로 지정되므로 대부분의 경우 옵션은 다음과 같습니다. var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } 유형:
object 기본값:
null |
추세선.n.색상 |
추세선 의 색상으로, 영어 색상 이름이나 16진수 문자열로 표현됩니다. 유형:
string 기본값: 기본 계열 색상
|
추세선.n.도 |
유형:
number 기본값:
3 |
추세선.n.labelInLegend |
설정된 경우 추세선 이 범례에 이 문자열로 나타납니다. 유형:
string 기본값:
null |
Trendslines.n.lineWidth |
추세선의 선 너비입니다(단위: 픽셀). 유형:
number 기본값:
2 |
추세선.n.유형 |
추세선
이 유형:
string 기본값:
linear |
추세선.n.visibleInLegend |
추세선 방정식이 범례에 표시되는지 여부입니다. 추세선 도움말에 표시됩니다. 유형:
boolean 기본값:
false |
도메인 이름으로 첫 번째 열 사용 |
유형:
boolean |
vAx |
차트에 세로축이 여러 개 있는 경우 개별 세로축의 속성을 지정합니다.
각 하위 객체는
여러 개의 세로축이 있는 차트를 지정하려면 먼저 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
이 속성은 객체 또는 배열일 수 있습니다. 객체는 객체의 모음이며 각 객체에는 자신이 정의하는 축(위에 표시된 형식)을 지정하는 숫자 라벨이 있습니다. 배열은 객체의 배열이며 축당 하나씩 있습니다. 예를 들어 다음 배열 스타일 표기법은 위에 표시된 vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] 유형: 객체의 배열 또는 하위 객체가 있는 객체
기본값:
null |
vAxis |
다양한 세로축 요소를 구성하는 요소가 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {title: 'Hello', titleTextStyle: {color: '#FF0000'}} 유형:
object 기본값:
null |
vAxis.direction |
세로축 값이 확장되는 방향입니다. 기본적으로 낮은 값은 차트 하단에 있습니다. 값의 순서를 반대로 하려면 유형:
1 또는 -1 기본값:
1 |
vAxis.gridlines |
세로축의 격자선을 구성하는 멤버가 포함된 객체입니다. 세로축 격자선은 가로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {color: '#333', minSpacing: 20}
이 옵션은 유형:
object 기본값:
null |
vAxis.gridlines.색상 |
차트 영역 내 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본값:
'#CCC' |
vAxis.gridlines.count |
차트 영역 내에 있는 가로 격자선의 대략적인 개수입니다.
유형:
number 기본값:
-1 |
vAxis.logScale |
유형:
boolean 기본값:
false |
vAxis.maxValue |
세로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 위쪽에 있습니다. 데이터의 최대 y값보다 작은 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
vAxis.minorGridlines |
vAxis.gridlines 옵션과 유사하게 세로 축에 작은 격자선을 구성하는 멤버가 포함된 객체입니다. 유형:
object 기본값:
null |
vAxis.minorGridlines.color |
차트 영역 안의 작은 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본: 격자선과 배경 색상의 혼합
|
vAxis.minorGridlines.count |
유형:
number 기본값:
1 |
vAxis.minValue |
세로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 아래쪽으로 이동합니다. 데이터의 최소 y값보다 큰 값으로 설정되면 무시됩니다.
유형:
number 기본값:
null |
vAxis.textPosition 클래스의 생성자 |
차트 영역을 기준으로 세로축 텍스트의 위치입니다. 지원되는 값: 유형:
string 기본값:
'out' |
vAxis.textStyle |
세로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
세로축의 제목을 지정합니다. 유형:
string 기본값: 제목 없음
|
vAxis.titleTextStyle 클래스의 생성자 |
세로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
세로축의 자르기 범위를 지정합니다. 유형:
object 기본값:
null |
vAxis.viewWindow.max |
렌더링할 최대 세로 데이터 값입니다.
유형:
number 기본값: 자동
|
vAxis.viewWindow.min |
렌더링할 최소 세로 데이터 값입니다.
유형:
number 기본값: 자동
|
콤보 차트 구성 옵션
이름 | |
---|---|
영역 불투명도 |
영역 차트 계열 아래 색상 영역의 기본 불투명도입니다. 유형:
number , 0.0- 1.0 기본값:
0.3 |
backgroundColor |
차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열(예: 유형:
string 또는 object 기본값:
'white' |
backgroundColor.fill |
HTML 색상 문자열로 표시되는 차트 채우기 색상입니다. 유형:
string 기본값:
'white' |
차트 영역 |
차트 영역 (축과 범례를 제외하고 차트 자체가 그려지는 위치)의 위치와 크기를 구성하는 멤버가 포함된 객체입니다. 숫자 또는 숫자 뒤에 %가 오는 두 가지 형식이 지원됩니다. 간단한 숫자는 픽셀 값이며, 숫자 다음에 % 가 오는 형식은 백분율입니다. 예: 유형:
object 기본값:
null |
차트 영역.배경 색상 |
차트 영역 배경 색상입니다. 문자열이 사용되는 경우 16진수 문자열(예:
'#fdc' ) 또는 영어 색상 이름을 사용할 수 있습니다. 객체가 사용될 때 다음 속성을 제공할 수 있습니다.
유형:
string 또는 object 기본값:
'white' |
차트 영역 높이 |
차트 영역 높이입니다. 유형:
number 또는 string 기본값: 자동
|
차트 영역 왼쪽 |
왼쪽 테두리에서 차트를 그리는 거리입니다. 유형:
number 또는 string 기본값: 자동
|
차트영역 상단 |
상단 테두리에서 차트를 그리는 거리입니다. 유형:
number 또는 string 기본값: 자동
|
차트 영역 너비 |
차트 영역 너비 유형:
number 또는 string 기본값: 자동
|
색상 |
차트 요소에 사용할 색상입니다. 문자열 배열로, 여기서 각 요소는 HTML 색상 문자열입니다(예: 유형: 문자열 배열
기본값: 기본 색상
|
곡선 유형 |
선 너비가 0이 아닌 경우 선의 곡선을 제어합니다. 다음 중 하나일 수 있습니다.
유형:
string 기본값: '없음'
|
h축 |
다양한 가로축 요소를 구성하는 요소가 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 유형:
object 기본값:
null |
hAxis.direction |
가로축 값이 확장되는 방향입니다. 값의 순서를 반대로 하려면 유형:
1 또는 -1 기본값:
1 |
hAxis.gridlines |
가로축에 격자선을 구성하는 속성이 있는 객체입니다. 가로축 격자선은 세로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {color: '#333', minSpacing: 20}
이 옵션은 유형:
object 기본값:
null |
hAxis.gridlines.color |
차트 영역 내 가로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본값:
'#CCC' |
hAxis.gridlines.count |
차트 영역 내에 있는 가로 격자선의 대략적인 개수입니다. 유형:
number 기본값:
-1 |
hAxis.logScale |
가로축을 대수 배율로 만드는 이 옵션은 유형:
boolean 기본값:
false |
hAxis.maxValue |
가로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 오른쪽으로 이동합니다. 데이터의 최대 x값보다 작은 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
hAxis.minorGridlines |
이 옵션은 유형:
object 기본값:
null |
hAxis.minorGridlines.color |
차트 영역 안의 보조 격자선 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본: 격자선과 배경 색상의 혼합
|
hAxis.minorGridlines.count |
유형:
number 기본값:
1 |
hAxis.minValue |
가로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 왼쪽으로 이동합니다. 데이터의 최소 x값보다 큰 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
hAxis.textPosition |
차트 영역을 기준으로 한 가로축 텍스트의 위치입니다. 지원되는 값: 유형:
string 기본값:
'out' |
hAxis.textStyle |
가로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
가로축의 제목을 지정하는 유형:
string 기본값:
null |
hAxis.titleTextStyle |
가로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
가로축의 자르기 범위를 지정합니다. 유형:
object 기본값:
null |
hAxis.viewWindow.max |
렌더링할 최대 가로 데이터 값입니다.
유형:
number 기본값: 자동
|
hAxis.viewWindow.min |
렌더링할 최소 가로 데이터 값입니다.
유형:
number 기본값: 자동
|
높이 |
픽셀 단위의 차트 높이입니다. 유형:
number 기본값: 포함하는 요소의 높이
|
보간기 |
누락된 포인트의 값을 추측할지 여부입니다.
이는 유형:
boolean 기본값:
false |
스택형 |
100% 스태킹의 경우 각 요소의 계산된 값이 실제 값 다음에 도움말에 표시됩니다.
타겟 축은 기본적으로 상대적인 0~1 배율을 기반으로 하는 틱 값을
100% 스태킹은 유형:
boolean /string 기본값:
false |
범례 |
범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 유형:
object 기본값:
null |
범례.위치 |
범례의 위치입니다. 다음 중 하나일 수 있습니다.
유형:
string 기본값:
'right' |
범례 텍스트 스타일 |
범례 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
선 너비 |
픽셀 단위의 데이터 선 너비입니다. 모든 선을 숨기고 점만 표시하려면 0을 사용합니다. 유형:
number 기본값:
2 |
포인트 도형 |
개별 데이터 요소의 모양: 유형:
string 기본값:
'circle' |
포인트 크기 |
표시되는 점의 직경(픽셀)입니다. 모든 지점을 숨기려면 0을 사용하세요. 유형:
number 기본값:
0 |
리버스 카테고리 |
이 옵션은 유형:
boolean 기본값:
false |
시리즈 |
객체의 배열로, 각각 차트에서 해당 계열의 형식을 설명합니다. 계열에 기본값을 사용하려면 빈 객체
각각 지정된 순서대로 계열에 적용되는 객체의 배열을 지정하거나, 각 하위 요소에 적용되는 계열을 나타내는 숫자 키가 있는 객체를 지정할 수 있습니다. 예를 들어 다음 두 선언은 동일하며, 첫 번째 계열은 검은색으로 범례에 없고 네 번째 계열은 빨간색으로 범례에 없음을 선언합니다. series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 유형: 객체의 배열 또는 중첩된 객체가 있는 객체
기본값:
{} |
부제목 |
차트 제목 아래에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
subtitleTextStyle |
제목 텍스트 스타일을 지정하는 객체입니다.
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
테마 |
테마는 특정 차트 동작이나 시각적 효과를 달성하기 위해 함께 작동하는 사전 정의된 옵션 값의 집합입니다. 현재 한 가지 테마만 사용할 수 있습니다.
유형:
string 기본값:
null |
제목 |
차트 위에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
제목텍스트스타일 |
제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
도메인 이름으로 첫 번째 열 사용 |
유형:
boolean |
vAx |
차트에 세로축이 여러 개 있는 경우 개별 세로축의 속성을 지정합니다.
각 하위 객체는
여러 개의 세로축이 있는 차트를 지정하려면 먼저 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
이 속성은 객체 또는 배열일 수 있습니다. 객체는 객체의 모음이며 각 객체에는 자신이 정의하는 축(위에 표시된 형식)을 지정하는 숫자 라벨이 있습니다. 배열은 객체의 배열이며 축당 하나씩 있습니다. 예를 들어 다음 배열 스타일 표기법은 위에 표시된 vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] 유형: 객체의 배열 또는 하위 객체가 있는 객체
기본값:
null |
vAxis |
다양한 세로축 요소를 구성하는 요소가 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {title: 'Hello', titleTextStyle: {color: '#FF0000'}} 유형:
object 기본값:
null |
vAxis.direction |
세로축 값이 확장되는 방향입니다. 기본적으로 낮은 값은 차트 하단에 있습니다. 값의 순서를 반대로 하려면 유형:
1 또는 -1 기본값:
1 |
vAxis.gridlines |
세로축의 격자선을 구성하는 멤버가 포함된 객체입니다. 세로축 격자선은 가로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {color: '#333', minSpacing: 20}
이 옵션은 유형:
object 기본값:
null |
vAxis.gridlines.색상 |
차트 영역 내 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본값:
'#CCC' |
vAxis.gridlines.count |
차트 영역 내에 있는 가로 격자선의 대략적인 개수입니다.
유형:
number 기본값:
-1 |
vAxis.logScale |
유형:
boolean 기본값:
false |
vAxis.maxValue |
세로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 위쪽에 있습니다. 데이터의 최대 y값보다 작은 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
vAxis.minorGridlines |
vAxis.gridlines 옵션과 유사하게 세로 축에 작은 격자선을 구성하는 멤버가 포함된 객체입니다. 유형:
object 기본값:
null |
vAxis.minorGridlines.color |
차트 영역 안의 작은 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본: 격자선과 배경 색상의 혼합
|
vAxis.minorGridlines.count |
유형:
number 기본값:
1 |
vAxis.minValue |
세로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 아래쪽으로 이동합니다. 데이터의 최소 y값보다 큰 값으로 설정되면 무시됩니다.
유형:
number 기본값:
null |
vAxis.textPosition 클래스의 생성자 |
차트 영역을 기준으로 세로축 텍스트의 위치입니다. 지원되는 값: 유형:
string 기본값:
'out' |
vAxis.textStyle |
세로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
세로축의 제목을 지정합니다. 유형:
string 기본값: 제목 없음
|
vAxis.titleTextStyle 클래스의 생성자 |
세로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
세로축의 자르기 범위를 지정합니다. 유형:
object 기본값:
null |
vAxis.viewWindow.max |
렌더링할 최대 세로 데이터 값입니다.
유형:
number 기본값: 자동
|
vAxis.viewWindow.min |
렌더링할 최소 세로 데이터 값입니다.
유형:
number 기본값: 자동
|
게이지 구성 옵션
이름 | |
---|---|
녹색색상 |
HTML 색상 표기법에서 녹색 섹션에 사용할 색상입니다. 유형:
string 기본값:
'#109618' |
녹색 |
녹색으로 표시된 범위의 최저 값입니다. 유형:
number 기본값: 없음
|
녹색 |
녹색으로 표시된 범위에서 가장 높은 값입니다. 유형:
number 기본값: 없음
|
높이 |
픽셀 단위의 차트 높이입니다. 유형:
number 기본값: 컨테이너 너비
|
max |
Y축에 표시할 최댓값입니다. 최대 데이터 포인트가 이 값을 초과하면 이 설정이 무시되고 최대 데이터 포인트 위의 다음 주요 체크 표시가 나타나도록 차트가 조정됩니다. 이 값은 핵심 차트의 유형:
number 기본값: 자동
|
분 |
Y축에 표시할 최솟값입니다. 최소 데이터 포인트가 이 값보다 작으면 이 설정이 무시되고 최소 데이터 포인트 아래의 다음 주요 눈금 표시가 나타나도록 차트가 조정됩니다. 이 값은 핵심 차트의 유형:
number 기본값: 자동
|
빨간색 |
HTML 색상 표기법에서 빨간색 섹션에 사용할 색상입니다. 유형:
string 기본값:
'#DC3912' |
RedFrom |
빨간색으로 표시된 범위의 최저 값입니다. 유형:
number 기본값: 없음
|
빨간색 방향 |
빨간색으로 표시된 범위에서 가장 높은 값입니다. 유형:
number 기본값: 없음
|
너비 |
픽셀 단위의 차트 너비입니다. 유형:
number 기본값: 컨테이너 너비
|
노란색 |
HTML 색상 표기법에서 노란색 섹션에 사용할 색상입니다. 유형:
string 기본값:
'#FF9900' |
YellowFrom |
노란색으로 표시된 범위의 최저 값입니다. 유형:
number 기본값: 없음
|
노란색 |
노란색으로 표시된 범위에서 가장 높은 값입니다. 유형:
number 기본값: 없음
|
지역 차트 구성 옵션
이름 | |
---|---|
backgroundColor |
차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열(예: 유형:
string 또는 object 기본값:
'white' |
backgroundColor.fill |
HTML 색상 문자열로 표시되는 차트 채우기 색상입니다. 유형:
string 기본값:
'white' |
데이터 없는 지역 색상 |
연결된 데이터가 없는 지역에 할당할 색상입니다. 유형:
string 기본값:
'#F5F5F5' |
defaultColor |
위치 정보가 지정되었을 때 지리 차트의 데이터 포인트에 사용되는 색상입니다(예: 유형:
string 기본값:
'#267114' |
디스플레이 모드 |
위치정보 차트의 유형입니다. DataTable 형식은 지정된 값과 일치해야 합니다. 다음과 같은 값이 지원됩니다.
유형:
string 기본값: 'auto'
|
높이 |
픽셀 단위의 차트 높이입니다. 유형:
number 기본값: 포함하는 요소의 높이
|
범례 |
범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 유형:
object 기본값:
null |
범례 텍스트 스타일 |
범례 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
region |
지리 차트에 표시할 영역입니다. 주변 영역도 표시됩니다. 다음 중 하나일 수 있습니다.
유형:
string 기본값: 'world'
|
너비 |
픽셀 단위의 차트 너비입니다. 유형:
number 기본값: 포함하는 요소의 너비
|
히스토그램 구성 옵션
이름 | |
---|---|
backgroundColor |
차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열(예: 유형:
string 또는 object 기본값:
'white' |
backgroundColor.fill |
HTML 색상 문자열로 표시되는 차트 채우기 색상입니다. 유형:
string 기본값:
'white' |
차트 영역 |
차트 영역 (축과 범례를 제외하고 차트 자체가 그려지는 위치)의 위치와 크기를 구성하는 멤버가 포함된 객체입니다. 숫자 또는 숫자 뒤에 %가 오는 두 가지 형식이 지원됩니다. 간단한 숫자는 픽셀 값이며, 숫자 다음에 % 가 오는 형식은 백분율입니다. 예: 유형:
object 기본값:
null |
차트 영역.배경 색상 |
차트 영역 배경 색상입니다. 문자열이 사용되는 경우 16진수 문자열(예:
'#fdc' ) 또는 영어 색상 이름을 사용할 수 있습니다. 객체가 사용될 때 다음 속성을 제공할 수 있습니다.
유형: string 또는 object /div>
기본값:
'white' |
차트 영역 높이 |
차트 영역 높이입니다. 유형:
number 또는 string 기본값: 자동
|
차트 영역 왼쪽 |
왼쪽 테두리에서 차트를 그리는 거리입니다. 유형:
number 또는 string 기본값: 자동
|
차트영역 상단 |
상단 테두리에서 차트를 그리는 거리입니다. 유형:
number 또는 string 기본값: 자동
|
차트 영역 너비 |
차트 영역 너비 유형:
number 또는 string 기본값: 자동
|
색상 |
차트 요소에 사용할 색상입니다. 문자열 배열로, 여기서 각 요소는 HTML 색상 문자열입니다(예: 유형: 문자열 배열
기본값: 기본 색상
|
h축 |
다양한 가로축 요소를 구성하는 요소가 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 유형:
object 기본값:
null |
hAxis.gridlines |
가로축에 격자선을 구성하는 속성이 있는 객체입니다. 가로축 격자선은 세로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {color: '#333', minSpacing: 20}
이 옵션은 유형:
object 기본값:
null |
hAxis.gridlines.color |
차트 영역 내 가로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본값:
'#CCC' |
hAxis.gridlines.count |
차트 영역 내에 있는 가로 격자선의 대략적인 개수입니다. 유형:
number 기본값:
-1 |
hAxis.minorGridlines |
이 옵션은 유형:
object 기본값:
null |
hAxis.minorGridlines.color |
차트 영역 안의 보조 격자선 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본: 격자선과 배경 색상의 혼합
|
hAxis.minorGridlines.count |
유형:
number 기본값:
1 |
hAxis.textPosition |
차트 영역을 기준으로 한 가로축 텍스트의 위치입니다. 지원되는 값: 유형:
string 기본값:
'out' |
hAxis.textStyle |
가로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
가로축의 제목을 지정하는 유형:
string 기본값:
null |
hAxis.titleTextStyle |
가로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
가로축의 자르기 범위를 지정합니다. 유형:
object 기본값:
null |
hAxis.viewWindow.max |
렌더링할 최대 가로 데이터 값입니다.
유형:
number 기본값: 자동
|
hAxis.viewWindow.min |
렌더링할 최소 가로 데이터 값입니다.
유형:
number 기본값: 자동
|
높이 |
픽셀 단위의 차트 높이입니다. 유형:
number 기본값: 포함하는 요소의 높이
|
Hitogram.bucketSize |
각 히스토그램 막대의 크기를 알고리즘적으로 결정하지 않고 하드코딩합니다. 유형:
number 기본값: 자동
|
Hitogram.hideBucketItems |
히스토그램 블록 사이의 가는 구분선을 생략하여 일련의 실선 막대로 만듭니다. 유형:
boolean 기본값:
false |
히스토그램.마지막 버킷 백분위수 |
히스토그램의 버킷 크기를 계산할 때 상단 및 하단 유형:
number 기본값:
0 |
보간기 |
누락된 포인트의 값을 추측할지 여부입니다.
이는 유형:
boolean 기본값:
false |
스택형 |
100% 스태킹의 경우 각 요소의 계산된 값이 실제 값 다음에 도움말에 표시됩니다.
타겟 축은 기본적으로 상대적인 0~1 배율을 기반으로 하는 틱 값을
100% 스태킹은 유형:
boolean /string 기본값:
false |
범례 |
범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 유형:
object 기본값:
null |
범례.위치 |
범례의 위치입니다. 다음 중 하나일 수 있습니다.
유형:
string 기본값:
'right' |
범례 텍스트 스타일 |
범례 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
리버스 카테고리 |
이 옵션은 유형:
boolean 기본값:
false |
시리즈 |
객체의 배열로, 각각 차트에서 해당 계열의 형식을 설명합니다. 계열에 기본값을 사용하려면 빈 객체
각각 지정된 순서대로 계열에 적용되는 객체의 배열을 지정하거나, 각 하위 요소에 적용되는 계열을 나타내는 숫자 키가 있는 객체를 지정할 수 있습니다. 예를 들어 다음 두 선언은 동일하며, 첫 번째 계열은 검은색으로 범례에 없고 네 번째 계열은 빨간색으로 범례에 없음을 선언합니다. series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 유형: 객체의 배열 또는 중첩된 객체가 있는 객체
기본값:
{} |
부제목 |
차트 제목 아래에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
subtitleTextStyle |
제목 텍스트 스타일을 지정하는 객체입니다.
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
테마 |
테마는 특정 차트 동작이나 시각적 효과를 달성하기 위해 함께 작동하는 사전 정의된 옵션 값의 집합입니다. 현재 한 가지 테마만 사용할 수 있습니다.
유형:
string 기본값:
null |
제목 |
차트 위에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
제목텍스트스타일 |
제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
도메인 이름으로 첫 번째 열 사용 |
유형:
boolean |
vAx |
차트에 세로축이 여러 개 있는 경우 개별 세로축의 속성을 지정합니다.
각 하위 객체는
여러 개의 세로축이 있는 차트를 지정하려면 먼저 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
이 속성은 객체 또는 배열일 수 있습니다. 객체는 객체의 모음이며 각 객체에는 자신이 정의하는 축(위에 표시된 형식)을 지정하는 숫자 라벨이 있습니다. 배열은 객체의 배열이며 축당 하나씩 있습니다. 예를 들어 다음 배열 스타일 표기법은 위에 표시된 vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] 유형: 객체의 배열 또는 하위 객체가 있는 객체
기본값:
null |
vAxis |
다양한 세로축 요소를 구성하는 요소가 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {title: 'Hello', titleTextStyle: {color: '#FF0000'}} 유형:
object 기본값:
null |
vAxis.direction |
세로축 값이 확장되는 방향입니다. 기본적으로 낮은 값은 차트 하단에 있습니다. 값의 순서를 반대로 하려면 유형:
1 또는 -1 기본값:
1 |
vAxis.gridlines |
세로축의 격자선을 구성하는 멤버가 포함된 객체입니다. 세로축 격자선은 가로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {color: '#333', minSpacing: 20}
이 옵션은 유형:
object 기본값:
null |
vAxis.gridlines.색상 |
차트 영역 내 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본값:
'#CCC' |
vAxis.gridlines.count |
차트 영역 내에 있는 가로 격자선의 대략적인 개수입니다.
유형:
number 기본값:
-1 |
vAxis.logScale |
유형:
boolean 기본값:
false |
vAxis.maxValue |
세로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 위쪽에 있습니다. 데이터의 최대 y값보다 작은 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
vAxis.minorGridlines |
vAxis.gridlines 옵션과 유사하게 세로 축에 작은 격자선을 구성하는 멤버가 포함된 객체입니다. 유형:
object 기본값:
null |
vAxis.minorGridlines.color |
차트 영역 안의 작은 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본: 격자선과 배경 색상의 혼합
|
vAxis.minorGridlines.count |
유형:
number 기본값:
1 |
vAxis.minValue |
세로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 아래쪽으로 이동합니다. 데이터의 최소 y값보다 큰 값으로 설정되면 무시됩니다.
유형:
number 기본값:
null |
vAxis.textPosition 클래스의 생성자 |
차트 영역을 기준으로 세로축 텍스트의 위치입니다. 지원되는 값: 유형:
string 기본값:
'out' |
vAxis.textStyle |
세로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
세로축의 제목을 지정합니다. 유형:
string 기본값: 제목 없음
|
vAxis.titleTextStyle 클래스의 생성자 |
세로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
세로축의 자르기 범위를 지정합니다. 유형:
object 기본값:
null |
vAxis.viewWindow.max |
렌더링할 최대 세로 데이터 값입니다.
유형:
number 기본값: 자동
|
vAxis.viewWindow.min |
렌더링할 최소 세로 데이터 값입니다.
유형:
number 기본값: 자동
|
너비 |
픽셀 단위의 차트 너비입니다. 유형:
number 기본값: 포함하는 요소의 너비
|
선 차트 구성 옵션
이름 | |
---|---|
backgroundColor |
차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열(예: 유형:
string 또는 object 기본값:
'white' |
backgroundColor.fill |
HTML 색상 문자열로 표시되는 차트 채우기 색상입니다. 유형:
string 기본값:
'white' |
차트 영역 |
차트 영역 (축과 범례를 제외하고 차트 자체가 그려지는 위치)의 위치와 크기를 구성하는 멤버가 포함된 객체입니다. 숫자 또는 숫자 뒤에 %가 오는 두 가지 형식이 지원됩니다. 간단한 숫자는 픽셀 값이며, 숫자 다음에 % 가 오는 형식은 백분율입니다. 예: 유형:
object 기본값:
null |
차트 영역.배경 색상 |
차트 영역 배경 색상입니다. 문자열이 사용되는 경우 16진수 문자열(예:
'#fdc' ) 또는 영어 색상 이름을 사용할 수 있습니다. 객체가 사용될 때 다음 속성을 제공할 수 있습니다.
유형:
string 또는 object 기본값:
'white' |
차트 영역 높이 |
차트 영역 높이입니다. 유형:
number 또는 string 기본값: 자동
|
차트 영역 왼쪽 |
왼쪽 테두리에서 차트를 그리는 거리입니다. 유형:
number 또는 string 기본값: 자동
|
차트영역 상단 |
상단 테두리에서 차트를 그리는 거리입니다. 유형:
number 또는 string 기본값: 자동
|
차트 영역 너비 |
차트 영역 너비 유형:
number 또는 string 기본값: 자동
|
색상 |
차트 요소에 사용할 색상입니다. 문자열 배열로, 여기서 각 요소는 HTML 색상 문자열입니다(예: 유형: 문자열 배열
기본값: 기본 색상
|
곡선 유형 |
선 너비가 0이 아닌 경우 선의 곡선을 제어합니다. 다음 중 하나일 수 있습니다.
유형:
string 기본값: '없음'
|
h축 |
다양한 가로축 요소를 구성하는 요소가 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 유형:
object 기본값:
null |
hAxis.direction |
가로축 값이 확장되는 방향입니다. 값의 순서를 반대로 하려면 유형:
1 또는 -1 기본값:
1 |
hAxis.gridlines |
가로축에 격자선을 구성하는 속성이 있는 객체입니다. 가로축 격자선은 세로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {color: '#333', minSpacing: 20}
이 옵션은 유형:
object 기본값:
null |
hAxis.gridlines.color |
차트 영역 내 가로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본값:
'#CCC' |
hAxis.gridlines.count |
차트 영역 내에 있는 가로 격자선의 대략적인 개수입니다. 유형:
number 기본값:
-1 |
hAxis.logScale |
가로축을 대수 배율로 만드는 이 옵션은 유형:
boolean 기본값:
false |
hAxis.maxValue |
가로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 오른쪽으로 이동합니다. 데이터의 최대 x값보다 작은 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
hAxis.minorGridlines |
이 옵션은 유형:
object 기본값:
null |
hAxis.minorGridlines.color |
차트 영역 안의 보조 격자선 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본: 격자선과 배경 색상의 혼합
|
hAxis.minorGridlines.count |
유형:
number 기본값:
1 |
hAxis.minValue |
가로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 왼쪽으로 이동합니다. 데이터의 최소 x값보다 큰 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
hAxis.textPosition |
차트 영역을 기준으로 한 가로축 텍스트의 위치입니다. 지원되는 값: 유형:
string 기본값:
'out' |
hAxis.textStyle |
가로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
가로축의 제목을 지정하는 유형:
string 기본값:
null |
hAxis.titleTextStyle |
가로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
가로축의 자르기 범위를 지정합니다. 유형:
object 기본값:
null |
hAxis.viewWindow.max |
렌더링할 최대 가로 데이터 값입니다.
유형:
number 기본값: 자동
|
hAxis.viewWindow.min |
렌더링할 최소 가로 데이터 값입니다.
유형:
number 기본값: 자동
|
높이 |
픽셀 단위의 차트 높이입니다. 유형:
number 기본값: 포함하는 요소의 높이
|
보간기 |
누락된 포인트의 값을 추측할지 여부입니다.
이는 유형:
boolean 기본값:
false |
범례 |
범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 유형:
object 기본값:
null |
범례.위치 |
범례의 위치입니다. 다음 중 하나일 수 있습니다.
유형:
string 기본값:
'right' |
범례 텍스트 스타일 |
범례 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
선 너비 |
픽셀 단위의 데이터 선 너비입니다. 모든 선을 숨기고 점만 표시하려면 0을 사용합니다. 유형:
number 기본값:
2 |
포인트 도형 |
개별 데이터 요소의 모양: 유형:
string 기본값:
'circle' |
포인트 크기 |
표시되는 점의 직경(픽셀)입니다. 모든 지점을 숨기려면 0을 사용하세요. 유형:
number 기본값:
0 |
리버스 카테고리 |
이 옵션은 유형:
boolean 기본값:
false |
시리즈 |
객체의 배열로, 각각 차트에서 해당 계열의 형식을 설명합니다.
계열에 기본값을 사용하려면 빈 객체
각각 지정된 순서대로 계열에 적용되는 객체의 배열을 지정하거나, 각 하위 요소에 적용되는 계열을 나타내는 숫자 키가 있는 객체를 지정할 수 있습니다. 예를 들어 다음 두 선언은 동일하며, 첫 번째 계열은 검은색으로 범례에 없고 네 번째 계열은 빨간색으로 범례에 없음을 선언합니다. series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 유형: 객체의 배열 또는 중첩된 객체가 있는 객체
기본값:
{} |
부제목 |
차트 제목 아래에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
subtitleTextStyle |
제목 텍스트 스타일을 지정하는 객체입니다.
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
테마 |
테마는 특정 차트 동작이나 시각적 효과를 달성하기 위해 함께 작동하는 사전 정의된 옵션 값의 집합입니다. 현재 한 가지 테마만 사용할 수 있습니다.
유형:
string 기본값:
null |
제목 |
차트 위에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
제목텍스트스타일 |
제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
AdjustLabelsAsText |
유형:
boolean |
추세선 |
추세선을 지원하는 차트에
추세선
을 표시합니다. 기본적으로
추세선은 시리즈별로 지정되므로 대부분의 경우 옵션은 다음과 같습니다. var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } 유형:
object 기본값:
null |
추세선.n.색상 |
추세선 의 색상으로, 영어 색상 이름이나 16진수 문자열로 표현됩니다. 유형:
string 기본값: 기본 계열 색상
|
추세선.n.도 |
유형:
number 기본값:
3 |
추세선.n.labelInLegend |
설정된 경우 추세선 이 범례에 이 문자열로 나타납니다. 유형:
string 기본값:
null |
Trendslines.n.lineWidth |
추세선 의 선 너비입니다(단위: 픽셀). 유형:
number 기본값:
2 |
추세선.n.유형 |
추세선
이 유형:
string 기본값:
linear |
추세선.n.visibleInLegend |
추세선 방정식이 범례에 표시되는지 여부입니다. 추세선 도움말에 표시됩니다. 유형:
boolean 기본값:
false |
도메인 이름으로 첫 번째 열 사용 |
유형:
boolean |
vAx |
차트에 세로축이 여러 개 있는 경우 개별 세로축의 속성을 지정합니다.
각 하위 객체는
여러 개의 세로축이 있는 차트를 지정하려면 먼저 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
이 속성은 객체 또는 배열일 수 있습니다. 객체는 객체의 모음이며 각 객체에는 자신이 정의하는 축(위에 표시된 형식)을 지정하는 숫자 라벨이 있습니다. 배열은 객체의 배열이며 축당 하나씩 있습니다. 예를 들어 다음 배열 스타일 표기법은 위에 표시된 vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] 유형: 객체의 배열 또는 하위 객체가 있는 객체
기본값:
null |
vAxis |
다양한 세로축 요소를 구성하는 요소가 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {title: 'Hello', titleTextStyle: {color: '#FF0000'}} 유형:
object 기본값:
null |
vAxis.direction |
세로축 값이 확장되는 방향입니다. 기본적으로 낮은 값은 차트 하단에 있습니다. 값의 순서를 반대로 하려면 유형:
1 또는 -1 기본값:
1 |
vAxis.gridlines |
세로축의 격자선을 구성하는 멤버가 포함된 객체입니다. 세로축 격자선은 가로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {color: '#333', minSpacing: 20}
이 옵션은 유형:
object 기본값:
null |
vAxis.gridlines.색상 |
차트 영역 내 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본값:
'#CCC' |
vAxis.gridlines.count |
차트 영역 내에 있는 가로 격자선의 대략적인 개수입니다.
유형:
number 기본값:
-1 |
vAxis.logScale |
유형:
boolean 기본값:
false |
vAxis.maxValue |
세로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 위쪽에 있습니다. 데이터의 최대 y값보다 작은 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
vAxis.minorGridlines |
vAxis.gridlines 옵션과 유사하게 세로 축에 작은 격자선을 구성하는 멤버가 포함된 객체입니다. 유형:
object 기본값:
null |
vAxis.minorGridlines.color |
차트 영역 안의 작은 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본: 격자선과 배경 색상의 혼합
|
vAxis.minorGridlines.count |
유형:
number 기본값:
1 |
vAxis.minValue |
세로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 아래쪽으로 이동합니다. 데이터의 최소 y값보다 큰 값으로 설정되면 무시됩니다.
유형:
number 기본값:
null |
vAxis.textPosition 클래스의 생성자 |
차트 영역을 기준으로 세로축 텍스트의 위치입니다. 지원되는 값: 유형:
string 기본값:
'out' |
vAxis.textStyle |
세로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
세로축의 제목을 지정합니다. 유형:
string 기본값: 제목 없음
|
vAxis.titleTextStyle 클래스의 생성자 |
세로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
세로축의 자르기 범위를 지정합니다. 유형:
object 기본값:
null |
vAxis.viewWindow.max |
렌더링할 최대 세로 데이터 값입니다.
유형:
number 기본값: 자동
|
vAxis.viewWindow.min |
렌더링할 최소 세로 데이터 값입니다.
유형:
number 기본값: 자동
|
조직 차트 구성 옵션
이름 | |
---|---|
색상 |
조직 차트 요소의 배경 색상입니다. 유형:
기본값:
'#edf7ff' |
선택 색상 |
선택한 조직 차트 요소의 배경 색상입니다. 유형:
string 기본값:
'#d6e9f8' |
크기 |
차트의 전체 크기입니다. 옵션에는 유형:
string 기본값:
'medium' |
원형 차트 구성 옵션
이름 | |
---|---|
backgroundColor |
차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열(예: 유형:
string 또는 object 기본값:
'white' |
backgroundColor.fill |
HTML 색상 문자열로 표시되는 차트 채우기 색상입니다. 유형:
string 기본값:
'white' |
차트 영역 |
차트 영역 (축과 범례를 제외하고 차트 자체가 그려지는 위치)의 위치와 크기를 구성하는 멤버가 포함된 객체입니다. 숫자 또는 숫자 뒤에 %가 오는 두 가지 형식이 지원됩니다. 간단한 숫자는 픽셀 값이며, 숫자 다음에 % 가 오는 형식은 백분율입니다. 예: 유형:
object 기본값:
null |
차트 영역.배경 색상 |
차트 영역 배경 색상입니다. 문자열이 사용되는 경우 16진수 문자열(예:
'#fdc' ) 또는 영어 색상 이름을 사용할 수 있습니다. 객체가 사용될 때 다음 속성을 제공할 수 있습니다.
유형:
string 또는 object 기본값:
'white' |
차트 영역 높이 |
차트 영역 높이입니다. 유형:
number 또는 string 기본값: 자동
|
차트 영역 왼쪽 |
왼쪽 테두리에서 차트를 그리는 거리입니다. 유형:
number 또는 string 기본값: 자동
|
차트영역 상단 |
상단 테두리에서 차트를 그리는 거리입니다. 유형:
number 또는 string 기본값: 자동
|
차트 영역 너비 |
차트 영역 너비 유형:
number 또는 string 기본값: 자동
|
색상 |
차트 요소에 사용할 색상입니다. 문자열 배열로, 여기서 각 요소는 HTML 색상 문자열입니다(예: 유형: 문자열 배열
기본값: 기본 색상
|
높이 |
픽셀 단위의 차트 높이입니다. 유형:
number 기본값: 포함하는 요소의 높이
|
3D |
유형:
boolean 기본값:
false |
범례 |
범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 유형:
object 기본값:
null |
범례.위치 |
범례의 위치입니다. 다음 중 하나일 수 있습니다.
유형:
string 기본값:
'right' |
범례 텍스트 스타일 |
범례 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
파이홀 |
유형:
number 기본값:
0 |
원형 차트 슬라이스테두리 색상 |
슬라이스 테두리의 색상입니다. 차트가 2차원인 경우에만 적용됩니다. 유형:
string 기본값:
'white' |
원형 슬라이스 텍스트 |
슬라이스에 표시된 텍스트의 콘텐츠입니다. 다음 중 하나일 수 있습니다.
유형:
string 기본값:
'percentage' |
원형 슬라이스 텍스트 스타일 |
슬라이스 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. {color: <string>, fontName: <string>, fontSize: <number>}
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
리버스 카테고리 |
이 옵션은 유형:
boolean 기본값:
false |
슬라이스 색상 |
이 슬라이스에 사용할 색상입니다. 유형:
string |
부제목 |
차트 제목 아래에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
subtitleTextStyle |
제목 텍스트 스타일을 지정하는 객체입니다.
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
제목 |
차트 위에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
제목텍스트스타일 |
제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
분산형 차트 구성 옵션
이름 | |
---|---|
backgroundColor |
차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열(예: 유형:
string 또는 object 기본값:
'white' |
backgroundColor.fill |
HTML 색상 문자열로 표시되는 차트 채우기 색상입니다. 유형:
string 기본값:
'white' |
차트 영역 |
차트 영역 (축과 범례를 제외하고 차트 자체가 그려지는 위치)의 위치와 크기를 구성하는 멤버가 포함된 객체입니다. 숫자 또는 숫자 뒤에 %가 오는 두 가지 형식이 지원됩니다. 간단한 숫자는 픽셀 값이며, 숫자 다음에 % 가 오는 형식은 백분율입니다. 예: 유형:
object 기본값:
null |
차트 영역.배경 색상 |
차트 영역 배경 색상입니다. 문자열이 사용되는 경우 16진수 문자열(예:
'#fdc' ) 또는 영어 색상 이름을 사용할 수 있습니다. 객체가 사용될 때 다음 속성을 제공할 수 있습니다.
유형:
string 또는 object 기본값:
'white' |
차트 영역 높이 |
차트 영역 높이입니다. 유형:
number 또는 string 기본값: 자동
|
차트 영역 왼쪽 |
왼쪽 테두리에서 차트를 그리는 거리입니다. 유형:
number 또는 string 기본값: 자동
|
차트영역 상단 |
상단 테두리에서 차트를 그리는 거리입니다. 유형:
number 또는 string 기본값: 자동
|
차트 영역 너비 |
차트 영역 너비 유형:
number 또는 string 기본값: 자동
|
색상 |
차트 요소에 사용할 색상입니다. 문자열 배열로, 여기서 각 요소는 HTML 색상 문자열입니다(예: 유형: 문자열 배열
기본값: 기본 색상
|
곡선 유형 |
선 너비가 0이 아닌 경우 선의 곡선을 제어합니다. 다음 중 하나일 수 있습니다.
유형:
string 기본값: '없음'
|
h축 |
다양한 가로축 요소를 구성하는 요소가 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 유형:
object 기본값:
null |
hAxis.direction |
가로축 값이 확장되는 방향입니다. 값의 순서를 반대로 하려면 유형:
1 또는 -1 기본값:
1 |
hAxis.gridlines |
가로축에 격자선을 구성하는 속성이 있는 객체입니다. 가로축 격자선은 세로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {color: '#333', minSpacing: 20}
이 옵션은 유형:
object 기본값:
null |
hAxis.gridlines.color |
차트 영역 내 가로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본값:
'#CCC' |
hAxis.gridlines.count |
차트 영역 내에 있는 가로 격자선의 대략적인 개수입니다. 유형:
number 기본값:
-1 |
hAxis.logScale |
가로축을 대수 배율로 만드는 이 옵션은 유형:
boolean 기본값:
false |
hAxis.maxValue |
가로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 오른쪽으로 이동합니다. 데이터의 최대 x값보다 작은 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
hAxis.minorGridlines |
이 옵션은 유형:
object 기본값:
null |
hAxis.minorGridlines.color |
차트 영역 안의 보조 격자선 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본: 격자선과 배경 색상의 혼합
|
hAxis.minorGridlines.count |
유형:
number 기본값:
1 |
hAxis.minValue |
가로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 왼쪽으로 이동합니다. 데이터의 최소 x값보다 큰 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
hAxis.textPosition |
차트 영역을 기준으로 한 가로축 텍스트의 위치입니다. 지원되는 값: 유형:
string 기본값:
'out' |
hAxis.textStyle |
가로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
가로축의 제목을 지정하는 유형:
string 기본값:
null |
hAxis.titleTextStyle |
가로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
가로축의 자르기 범위를 지정합니다. 유형:
object 기본값:
null |
hAxis.viewWindow.max |
렌더링할 최대 가로 데이터 값입니다.
유형:
number 기본값: 자동
|
hAxis.viewWindow.min |
렌더링할 최소 가로 데이터 값입니다.
유형:
number 기본값: 자동
|
높이 |
픽셀 단위의 차트 높이입니다. 유형:
number 기본값: 포함하는 요소의 높이
|
범례 |
범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 유형:
object 기본값:
null |
범례.위치 |
범례의 위치입니다. 다음 중 하나일 수 있습니다.
유형:
string 기본값:
'right' |
범례 텍스트 스타일 |
범례 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
선 너비 |
픽셀 단위의 데이터 선 너비입니다. 모든 선을 숨기고 점만 표시하려면 0을 사용합니다. 유형:
number 기본값:
2 |
포인트 도형 |
개별 데이터 요소의 모양: 유형:
string 기본값:
'circle' |
포인트 크기 |
표시되는 점의 직경(픽셀)입니다. 모든 지점을 숨기려면 0을 사용하세요. 유형:
number 기본값:
0 |
시리즈 |
객체의 배열로, 각각 차트에서 해당 계열의 형식을 설명합니다. 계열에 기본값을 사용하려면 빈 객체
각각 지정된 순서대로 계열에 적용되는 객체의 배열을 지정하거나, 각 하위 요소에 적용되는 계열을 나타내는 숫자 키가 있는 객체를 지정할 수 있습니다. 예를 들어 다음 두 선언은 동일하며, 첫 번째 계열은 검은색으로 범례에 없고 네 번째 계열은 빨간색으로 범례에 없음을 선언합니다. series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 유형: 객체의 배열 또는 중첩된 객체가 있는 객체
기본값:
{} |
부제목 |
차트 제목 아래에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
subtitleTextStyle |
제목 텍스트 스타일을 지정하는 객체입니다.
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
테마 |
테마는 특정 차트 동작이나 시각적 효과를 달성하기 위해 함께 작동하는 사전 정의된 옵션 값의 집합입니다. 현재 한 가지 테마만 사용할 수 있습니다.
유형:
string 기본값:
null |
제목 |
차트 위에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
제목텍스트스타일 |
제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
AdjustLabelsAsText |
유형:
boolean |
추세선 |
추세선을 지원하는 차트에
추세선
을 표시합니다. 기본적으로
추세선은 시리즈별로 지정되므로 대부분의 경우 옵션은 다음과 같습니다. var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } 유형:
object 기본값:
null |
추세선.n.색상 |
추세선 의 색상으로, 영어 색상 이름이나 16진수 문자열로 표현됩니다. 유형:
string 기본값: 기본 계열 색상
|
추세선.n.도 |
유형:
number 기본값:
3 |
추세선.n.labelInLegend |
설정된 경우 추세선 이 범례에 이 문자열로 나타납니다. 유형:
string 기본값:
null |
Trendslines.n.lineWidth |
추세선 의 선 너비입니다(단위: 픽셀). 유형:
number 기본값:
2 |
추세선.n.유형 |
추세선
이 유형:
string 기본값:
linear |
추세선.n.visibleInLegend |
추세선 방정식이 범례에 표시되는지 여부입니다. 추세선 도움말에 표시됩니다. 유형:
boolean 기본값:
false |
도메인 이름으로 첫 번째 열 사용 |
유형:
boolean |
vAx |
차트에 세로축이 여러 개 있는 경우 개별 세로축의 속성을 지정합니다.
각 하위 객체는
여러 개의 세로축이 있는 차트를 지정하려면 먼저 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
이 속성은 객체 또는 배열일 수 있습니다. 객체는 객체의 모음이며 각 객체에는 자신이 정의하는 축(위에 표시된 형식)을 지정하는 숫자 라벨이 있습니다. 배열은 객체의 배열이며 축당 하나씩 있습니다. 예를 들어 다음 배열 스타일 표기법은 위에 표시된 vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] 유형: 객체의 배열 또는 하위 객체가 있는 객체
기본값:
null |
vAxis |
다양한 세로축 요소를 구성하는 요소가 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {title: 'Hello', titleTextStyle: {color: '#FF0000'}} 유형:
object 기본값:
null |
vAxis.direction |
세로축 값이 확장되는 방향입니다. 기본적으로 낮은 값은 차트 하단에 있습니다. 값의 순서를 반대로 하려면 유형:
1 또는 -1 기본값:
1 |
vAxis.gridlines |
세로축의 격자선을 구성하는 멤버가 포함된 객체입니다. 세로축 격자선은 가로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {color: '#333', minSpacing: 20}
이 옵션은 유형:
object 기본값:
null |
vAxis.gridlines.색상 |
차트 영역 내 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본값:
'#CCC' |
vAxis.gridlines.count |
차트 영역 내에 있는 가로 격자선의 대략적인 개수입니다.
유형:
number 기본값:
-1 |
vAxis.logScale |
유형:
boolean 기본값:
false |
vAxis.maxValue |
세로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 위쪽에 있습니다. 데이터의 최대 y값보다 작은 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
vAxis.minorGridlines |
vAxis.gridlines 옵션과 유사하게 세로 축에 작은 격자선을 구성하는 멤버가 포함된 객체입니다. 유형:
object 기본값:
null |
vAxis.minorGridlines.color |
차트 영역 안의 작은 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본: 격자선과 배경 색상의 혼합
|
vAxis.minorGridlines.count |
유형:
number 기본값:
1 |
vAxis.minValue |
세로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 아래쪽으로 이동합니다. 데이터의 최소 y값보다 큰 값으로 설정되면 무시됩니다.
유형:
number 기본값:
null |
vAxis.textPosition 클래스의 생성자 |
차트 영역을 기준으로 세로축 텍스트의 위치입니다. 지원되는 값: 유형:
string 기본값:
'out' |
vAxis.textStyle |
세로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
세로축의 제목을 지정합니다. 유형:
string 기본값: 제목 없음
|
vAxis.titleTextStyle 클래스의 생성자 |
세로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
세로축의 자르기 범위를 지정합니다. 유형:
object 기본값:
null |
vAxis.viewWindow.max |
렌더링할 최대 세로 데이터 값입니다.
유형:
number 기본값: 자동
|
vAxis.viewWindow.min |
렌더링할 최소 세로 데이터 값입니다.
유형:
number 기본값: 자동
|
계단식 영역 차트 구성 옵션
이름 | |
---|---|
영역 불투명도 |
영역 차트 계열 아래 색상 영역의 기본 불투명도입니다. 유형:
number , 0.0- 1.0 기본값:
0.3 |
backgroundColor |
차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열(예: 유형:
string 또는 object 기본값:
'white' |
backgroundColor.fill |
HTML 색상 문자열로 표시되는 차트 채우기 색상입니다. 유형:
string 기본값:
'white' |
차트 영역 |
차트 영역 (축과 범례를 제외하고 차트 자체가 그려지는 위치)의 위치와 크기를 구성하는 멤버가 포함된 객체입니다. 숫자 또는 숫자 뒤에 %가 오는 두 가지 형식이 지원됩니다. 간단한 숫자는 픽셀 값이며, 숫자 다음에 % 가 오는 형식은 백분율입니다. 예: 유형:
object 기본값:
null |
차트 영역.배경 색상 |
차트 영역 배경 색상입니다. 문자열이 사용되는 경우 16진수 문자열(예:
'#fdc' ) 또는 영어 색상 이름을 사용할 수 있습니다. 객체가 사용될 때 다음 속성을 제공할 수 있습니다.
유형:
string 또는 object 기본값:
'white' |
차트 영역 높이 |
차트 영역 높이입니다. 유형:
number 또는 string 기본값: 자동
|
차트 영역 왼쪽 |
왼쪽 테두리에서 차트를 그리는 거리입니다. 유형:
number 또는 string 기본값: 자동
|
차트영역 상단 |
상단 테두리에서 차트를 그리는 거리입니다. 유형:
number 또는 string 기본값: 자동
|
차트 영역 너비 |
차트 영역 너비 유형:
number 또는 string 기본값: 자동
|
색상 |
차트 요소에 사용할 색상입니다. 문자열 배열로, 여기서 각 요소는 HTML 색상 문자열입니다(예: 유형: 문자열 배열
기본값: 기본 색상
|
h축 |
다양한 가로축 요소를 구성하는 요소가 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 유형:
object 기본값:
null |
hAxis.direction |
가로축 값이 확장되는 방향입니다. 값의 순서를 반대로 하려면 유형:
1 또는 -1 기본값:
1 |
hAxis.textPosition |
차트 영역을 기준으로 한 가로축 텍스트의 위치입니다. 지원되는 값: 유형:
string 기본값:
'out' |
hAxis.textStyle |
가로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
가로축의 제목을 지정하는 유형:
string 기본값:
null |
hAxis.titleTextStyle |
가로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
가로축의 자르기 범위를 지정합니다. 유형:
object 기본값:
null |
hAxis.viewWindow.max |
렌더링할 최대 가로 데이터 값입니다.
유형:
number 기본값: 자동
|
hAxis.viewWindow.min |
렌더링할 최소 가로 데이터 값입니다.
유형:
number 기본값: 자동
|
높이 |
픽셀 단위의 차트 높이입니다. 유형:
number 기본값: 포함하는 요소의 높이
|
스택형 |
100% 스태킹의 경우 각 요소의 계산된 값이 실제 값 다음에 도움말에 표시됩니다.
타겟 축은 기본적으로 상대적인 0~1 배율을 기반으로 하는 틱 값을
100% 스태킹은 유형:
boolean / string 기본값:
false |
범례 |
범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 유형:
object 기본값:
null |
범례.위치 |
범례의 위치입니다. 다음 중 하나일 수 있습니다.
유형:
string 기본값:
'right' |
범례 텍스트 스타일 |
범례 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
리버스 카테고리 |
이 옵션은 유형:
boolean 기본값:
false |
시리즈 |
객체의 배열로, 각각 차트에서 해당 계열의 형식을 설명합니다.
계열에 기본값을 사용하려면 빈 객체
각각 지정된 순서대로 계열에 적용되는 객체의 배열을 지정하거나, 각 하위 요소에 적용되는 계열을 나타내는 숫자 키가 있는 객체를 지정할 수 있습니다. 예를 들어 다음 두 선언은 동일하며 첫 번째 계열은 검은색이고 범례에는 없으며, 네 번째 계열은 빨간색으로 범례에 없습니다. series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 유형: 객체의 배열 또는 중첩된 객체가 있는 객체
기본값:
{} |
부제목 |
차트 제목 아래에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
subtitleTextStyle |
제목 텍스트 스타일을 지정하는 객체입니다.
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
테마 |
테마는 특정 차트 동작이나 시각적 효과를 달성하기 위해 함께 작동하는 사전 정의된 옵션 값의 집합입니다. 현재 한 가지 테마만 사용할 수 있습니다.
유형:
string 기본값:
null |
제목 |
차트 위에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
제목텍스트스타일 |
제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
AdjustLabelsAsText |
유형:
boolean |
도메인 이름으로 첫 번째 열 사용 |
유형:
boolean |
vAx |
차트에 세로축이 여러 개 있는 경우 개별 세로축의 속성을 지정합니다.
각 하위 객체는
여러 개의 세로축이 있는 차트를 지정하려면 먼저 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
이 속성은 객체 또는 배열일 수 있습니다. 객체는 객체의 모음이며 각 객체에는 자신이 정의하는 축(위에 표시된 형식)을 지정하는 숫자 라벨이 있습니다. 배열은 객체의 배열이며 축당 하나씩 있습니다. 예를 들어 다음 배열 스타일 표기법은 위에 표시된 vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] 유형: 객체의 배열 또는 하위 객체가 있는 객체
기본값:
null |
vAxis |
다양한 세로축 요소를 구성하는 요소가 포함된 객체입니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {title: 'Hello', titleTextStyle: {color: '#FF0000'}} 유형:
object 기본값:
null |
vAxis.direction |
세로축 값이 확장되는 방향입니다. 기본적으로 낮은 값은 차트 하단에 있습니다. 값의 순서를 반대로 하려면 유형:
1 또는 -1 기본값:
1 |
vAxis.gridlines |
세로축의 격자선을 구성하는 멤버가 포함된 객체입니다. 세로축 격자선은 가로로 그려집니다. 이 객체의 속성을 지정하려면 다음과 같이 객체 리터럴 표기법을 사용하면 됩니다. {color: '#333', minSpacing: 20}
이 옵션은 유형:
object 기본값:
null |
vAxis.gridlines.색상 |
차트 영역 내 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본값:
'#CCC' |
vAxis.gridlines.count |
차트 영역 내에 있는 가로 격자선의 대략적인 개수입니다.
유형:
number 기본값:
-1 |
vAxis.logScale |
유형:
boolean 기본값:
false |
vAxis.maxValue |
세로축의 최댓값을 지정된 값으로 이동합니다. 대부분의 차트에서 위쪽에 있습니다. 데이터의 최대 y값보다 작은 값으로 설정되면 무시됩니다.
유형:
number 기본값: 자동
|
vAxis.minorGridlines |
vAxis.gridlines 옵션과 유사하게 세로 축에 작은 격자선을 구성하는 멤버가 포함된 객체입니다. 유형:
object 기본값:
null |
vAxis.minorGridlines.color |
차트 영역 안의 작은 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요. 유형:
string 기본: 격자선과 배경 색상의 혼합
|
vAxis.minorGridlines.count |
유형:
number 기본값:
1 |
vAxis.minValue |
세로축의 최솟값을 지정된 값으로 이동합니다. 대부분의 차트에서 아래쪽으로 이동합니다. 데이터의 최소 y값보다 큰 값으로 설정되면 무시됩니다.
유형:
number 기본값:
null |
vAxis.textPosition 클래스의 생성자 |
차트 영역을 기준으로 세로축 텍스트의 위치입니다. 지원되는 값: 유형:
string 기본값:
'out' |
vAxis.textStyle |
세로축 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
세로축의 제목을 지정합니다. 유형:
string 기본값: 제목 없음
|
vAxis.titleTextStyle 클래스의 생성자 |
세로축 제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
세로축의 자르기 범위를 지정합니다. 유형:
object 기본값:
null |
vAxis.viewWindow.max |
렌더링할 최대 세로 데이터 값입니다.
유형:
number 기본값: 자동
|
vAxis.viewWindow.min |
렌더링할 최소 세로 데이터 값입니다.
유형:
number 기본값: 자동
|
너비 |
픽셀 단위의 차트 너비입니다. 유형:
number 기본값: 포함하는 요소의 너비
|
표 차트 구성 옵션
이름 | |
---|---|
AltnatingRowStyle(교환 행 스타일) |
교차 색상 스타일을 홀수 및 짝수 행에 할당할지 결정합니다. 유형:
boolean 기본값:
true |
높이 |
픽셀 단위의 차트 높이입니다. 유형:
number 기본값: 포함하는 요소의 높이
|
페이지 |
데이터를 페이징을 사용 설정하는 방법 및 사용 여부입니다. 다음
유형:
string 기본값:
'disable' |
페이지 크기 |
페이지 옵션으로 페이징을 사용 설정한 경우 각 페이지의 행 수입니다. 유형:
number 기본값:
10 |
표시 행 번호 |
유형:
boolean 기본값:
false |
sort |
사용자가 열 제목을 클릭할 때 열을 정렬하는 경우와 방법입니다. 정렬이 사용 설정된 경우
유형:
string 기본값:
'enable' |
정렬 오름차순 |
초기 정렬 열이 정렬되는 순서입니다. 오름차순의 경우 유형:
boolean 기본값:
true |
열 정렬 |
데이터 테이블의 열 색인으로, 테이블이 초기에 정렬됩니다. 이 열에는 정렬 순서를 나타내는 작은 화살표가 표시됩니다. 유형:
number 기본값:
-1 |
너비 |
픽셀 단위의 차트 너비입니다. 유형:
number 기본값: 포함하는 요소의 너비
|
타임라인 구성 옵션
이름 | |
---|---|
backgroundColor |
차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열(예: 유형:
string 또는 object 기본값:
'white' |
색상 |
차트 요소에 사용할 색상입니다. 문자열 배열로, 여기서 각 요소는 HTML 색상 문자열입니다(예: 유형: 문자열 배열
기본값: 기본 색상
|
높이 |
픽셀 단위의 차트 높이입니다. 유형:
number 기본값: 포함하는 요소의 높이
|
너비 |
픽셀 단위의 차트 너비입니다. 유형:
number 기본값: 포함하는 요소의 너비
|
트리 맵 구성 옵션
이름 | |
---|---|
headerColor |
각 노드의 헤더 섹션 색상입니다. HTML 색상 값을 지정합니다. 유형:
string 기본값:
#988f86 |
maxColor |
column 3 값이 유형:
string 기본값:
#00dd00 |
maxDepth |
현재 뷰에 표시할 노드 수준의 최대 개수입니다. 레벨이 현재 평면으로
평면화됩니다. 트리에 이보다 많은 수준이 있는 경우 보려면 위 또는 아래로 이동해야 합니다. 이 노드 내의 유형:
number 기본값:
1 |
최대 포스트 Depth |
'힌팅' 방식으로 표시할 유형:
number 기본값:
0 |
중색상 |
유형:
string 기본값:
#000000 |
minColor |
column 3 값이 유형:
string 기본값:
#dd0000 |
색상 없음 |
노드에 3열의 값이 없고 노드가 리프이거나 잎만 포함하는 경우 직사각형에 사용할 색상입니다. HTML 색상 값을 지정합니다. 유형:
string 기본값:
#000000 |
부제목 |
차트 제목 아래에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
subtitleTextStyle |
제목 텍스트 스타일을 지정하는 객체입니다.
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
텍스트 스타일 |
제목 텍스트 스타일을 지정하는 객체입니다. 색상은 모든 HTML 색상 문자열일 수 있습니다(예: 유형:
object 기본값: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
제목 |
차트 위에 표시할 텍스트입니다. 유형:
string 기본값: 제목 없음
|
제목텍스트스타일 |
제목 텍스트 스타일을 지정하는 객체입니다. 객체의 형식은 다음과 같습니다. { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
유형:
object
기본값:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|