차트 구성 옵션

차트 유형

주석 차트 구성 옵션

이름
색상

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

유형: 문자열 배열
기본값: 기본 색상
displayRangeSelector

확대/축소 범위 선택 영역 (차트 하단의 영역) 표시 여부입니다. 여기서 false는 '아니요'를 의미합니다.

확대/축소 선택기의 윤곽선은 차트에 있는 첫 번째 계열의 로그 배율 버전으로 확대/축소 선택기 높이에 맞게 조정됩니다.

유형: boolean
기본값: true
displayZoomButtons

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

유형: boolean
기본값: true
최대

Y축에 표시할 최댓값입니다. 최대 데이터 포인트가 이 값을 초과하면 설정이 무시되고 다음 주요 눈금 표시를 표시하도록 차트가 조정됨 최대 데이터 포인트보다 높아야 합니다 이는 지정된 Y축 최댓값보다 아티스트: scaleType

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

유형: number
기본값: 자동
분

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

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

유형: number
기본값: 자동

영역 차트 구성 옵션

이름
areaOpacity

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

유형: number, 0.0- 1.0
기본값: 0.3
backgroundColor

차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열이거나 예: 'red' 또는 '#00cc00', 또는 다음이 포함된 객체 속성

유형: string 또는 object
기본값: 'white'
backgroundColor.fill

HTML 색상 문자열로 된 차트 채우기 색상입니다.

유형: string
기본값: 'white'
chartArea

차트 영역의 위치와 크기를 구성하는 구성원이 포함된 객체입니다 (이 경우 차트 축과 범례를 제외하고 자체가 그려짐). 숫자 또는 숫자 뒤에 %가 표시됩니다. 간단한 숫자는 픽셀 단위이며, 숫자 다음에 % 가 오는 것은 백분율로 표시됩니다. 예: chartArea:{left:20,top:0,width:'50%',height:'75%'}

유형: object
기본값: null
chartArea.backgroundColor
차트 영역 배경 색상입니다. 문자열을 사용하는 경우 16진수 문자열 (예: '#fdc') 또는 영어 색상 이름을 사용할 수 있습니다. 객체가 사용되면 다음 속성이 제공:
  • stroke: 색상으로, 16진수 문자열 또는 영어 색상 이름으로 제공됩니다.
  • strokeWidth: 제공되는 경우 지정된 차트 영역 주위에 테두리를 그립니다. 너비 (및 stroke의 색상)
유형: string 또는 object
기본값: 'white'
chartArea.height

차트 영역 높이

유형: number 또는 string
기본값: auto
chartArea.left

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

유형: number 또는 string
기본값: auto
chartArea.top

위쪽 테두리에서 차트를 그리는 거리입니다.

유형: number 또는 string
기본값: auto
chartArea.width

차트 영역 너비입니다.

유형: number 또는 string
기본값: auto
색상

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

유형: 문자열 배열
기본값: 기본 색상
hAxis

다양한 가로축 요소를 구성하는 구성원이 포함된 객체입니다. 속성 지정 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
유형: object
기본값: null
hAxis.direction

가로축의 값이 증가하는 방향입니다. -1 지정 대상: 값의 순서를 반대로 바꾸면 됩니다.

유형: 1 또는 -1
기본값: 1
hAxis.gridlines

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

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

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
hAxis.gridlines.color

차트 영역 내 가로 격자선의 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: '#CCC'
hAxis.gridlines.count

차트 영역 내에 표시되는 가로 격자선의 대략적인 개수입니다. gridlines.count에 양수를 지정하면 격자선 사이의 minSpacing를 계산하는 데 사용됩니다. 값을 1로 지정하여 격자선을 하나만 그릴 수 있습니다. 또는 0를 사용하여 격자선을 그리지 않습니다. 기본값인 -1를 지정합니다. 격자선 수를 자동으로 계산하기 위해 다른 옵션을 기준으로 선택할 수 있습니다

유형: number
기본값: -1
hAxis.logScale

가로축을 로그 배율로 만드는 hAxis 속성 (모두 필요) 를 입력합니다. '예'인 경우 true로 설정합니다.

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

유형: boolean
기본값: false
hAxis.maxValue

가로축의 최댓값을 지정된 값으로 이동합니다. 오른쪽 상단의 대부분의 차트에서 사용할 수 있습니다. 데이터의 최대 x값보다 작은 값으로 설정되면 무시됩니다. hAxis.viewWindow.max는 이 속성을 재정의합니다.

유형: number
기본값: 자동
hAxis.minorGridlines

가로축의 보조 격자선을 구성하는 구성원이 포함된 객체로, 다음과 같이 hAxis.gridlines 옵션

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
hAxis.minorGridlines.color

차트 영역 내 보조 격자선의 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: 격자선과 배경 색상의 혼합
hAxis.minorGridlines.count

minorGridlines.count 옵션은 마이너 격자선 사용 중지를 제외하고 대부분 지원 중단되었습니다. 0으로 설정합니다. 이제 보조 격자선 수는 데이터 레이크와 주요 격자선 (hAxis.gridlines.interval 참고) 필요한 최소 공간은 hAxis.minorGridlines.minSpacing를 참고하세요.

유형: number
기본값: 1
hAxis.minValue

가로축의 최솟값을 지정된 값으로 이동합니다. 이것은 왼쪽에 있는 대부분의 차트에서 사용할 수 있습니다. 데이터의 최소 x값보다 큰 값으로 설정되면 무시됩니다. hAxis.viewWindow.min는 이 속성을 재정의합니다.

유형: number
기본값: 자동
hAxis.textPosition

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

유형: string
기본값: 'out'
hAxis.textStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
hAxis.title

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

유형: string
기본값: null
hAxis.titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
hAxis.viewWindow

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

유형: object
기본값: null
hAxis.viewWindow.max

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

hAxis.viewWindowMode이 'pretty' 또는 'maximized'이면 무시됩니다.

유형: number
기본값: auto
hAxis.viewWindow.min

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

hAxis.viewWindowMode이 'pretty' 또는 'maximized'이면 무시됩니다.

유형: number
기본값: auto
높이

픽셀 단위의 차트 높이입니다.

유형: number
기본값: 포함하는 요소의 높이
interpolateNulls

누락된 포인트의 값을 추측할지 여부입니다. true인 경우 다음을 추측합니다. 누락된 데이터의 값을 계산할 수 있습니다. false인 경우 다음을 실행합니다. 알 수 없는 지점에 줄에서 중단을 남깁니다.

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

유형: boolean
기본값: false
isStacked

true로 설정하면 각 도메인 값에서 모든 계열의 요소를 스택합니다. 참고: 열, 영역 SteppedArea 차트, Google 차트는 범례 항목의 순서를 역순으로 정렬하여 차트 누적 계열 요소 (예: 계열 0이 맨 아래 범례 항목이 됨). 이 은 적용되지 않습니다. 막대 차트.

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

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

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

100% 누적의 경우 각 요소의 계산된 값은 실제 값입니다.

대상 축은 기본적으로 0~1의 상대적인 비율에 따라 값을 분수로 표시합니다. 'relative'의 경우 1, 'percent'의 경우 0~100% (참고: 'percent' 옵션을 사용하는 경우 축/틱 값은 백분율로 표시되지만 실제 값은 상대적인 0~1 척도 값입니다. 이는 백분율 축 눈금이 '#.##%' 형식을 적용한 결과이기 때문입니다. ~ 상대적인 0~1 배율 값을 나타냅니다. isStacked: 'percent' 사용 시 상대적인 0~1 배율 값을 사용하여 눈금/격자선을 지정합니다. 사용자는 격자선/눈금 값 및 서식을 적절한 hAxis/vAxis 옵션을 사용하여 지정해야 합니다.

100% 스택은 number 유형의 데이터 값만 지원하며 기준선은 0입니다

유형: boolean/string
기본값: false
범례

범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 홈 디렉터리의 속성을 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
유형: object
기본값: null
legend.position

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

  • 'bottom' - 차트 아래
  • 'left' - 차트 왼쪽에 있습니다. 단, 왼쪽 축에 연결된 series가 없습니다. 따라서 왼쪽에 범례를 표시하려면 targetAxisIndex: 1 옵션을 사용합니다.
  • 'in' - 차트 내에서 왼쪽 상단
  • 'none' - 범례가 표시되지 않습니다.
  • 'right' - 차트의 오른쪽에 위치합니다. vAxes 옵션과 호환되지 않습니다.
  • 'top' - 차트 위
유형: string
기본값: 'right'
legendTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
lineWidth

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

유형: number
기본값: 2
pointShape

개별 데이터 요소의 모양: 'circle', 'triangle', 'square', 'diamond', 'star', 'polygon' 자세한 내용은 <ph type="x-smartling-placeholder"></ph> 포인트 문서 를 참고하세요.

유형: string
기본값: 'circle'
pointSize

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

유형: number
기본값: 0
reverseCategories

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

이 옵션은 discrete 드림 major 축.

유형: boolean
기본값: false
시리즈

객체의 배열로, 각각 차트의 해당 계열 형식을 설명합니다. 기본값 사용 값을 반환하려면 빈 객체 {}를 지정하세요. 계열 또는 값을 지정하지 않으면 전역 값이 사용됩니다. 각 객체는 다음과 같은 속성을 지원합니다.

  • annotations - 이 시리즈의 주석에 적용할 객체입니다. 이 예를 들어 시리즈의 textStyle를 제어하는 데 사용할 수 있습니다. 

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

    사용 가능한 기능의 전체 목록은 다양한 annotations 옵션을 참고하세요. 맞춤설정할 수 있습니다.

  • areaOpacity - 이 시리즈의 전역 areaOpacity를 재정의합니다.
  • color - 이 계열에 사용할 색상입니다. 유효한 HTML 색상 문자열을 지정하세요.
  • labelInLegend - 차트 범례에 표시할 계열의 설명입니다.
  • lineDashStyle - 이 속성의 전역 lineDashStyle 값을 재정의합니다. Google Cloud 시리즈를 확인해 보세요
  • lineWidth - 이 시리즈의 전역 lineWidth 값을 재정의합니다.
  • pointShape - 이 속성의 전역 pointShape 값을 재정의합니다. Google Cloud 시리즈를 확인해 보세요
  • pointSize - 이 시리즈의 전역 pointSize 값을 재정의합니다.
  • pointsVisible - 이 속성의 전역 pointsVisible 값을 재정의합니다. Google Cloud 시리즈를 확인해 보세요
  • targetAxisIndex: 이 계열을 할당할 축입니다. 여기서 0는 기본값입니다. 축이고 1은 반대 축입니다. 기본값은 0입니다. 1로 설정하여 여러 계열이 다른 축에 대해 렌더링됩니다. 계열을 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}
}
유형: 객체의 배열 또는 중첩된 객체가 있는 객체
기본값: {}
부제목

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

유형: string
기본값: 제목 없음
subtitleTextStyle

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
테마

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

  • 'maximized' - 차트의 영역을 최대화하고 범례와 모든 라벨을 그립니다. 드래그 앤 드롭합니다.
유형: string
기본값: null
제목

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

유형: string
기본값: 제목 없음
titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
treatLabelsAsText

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

유형: boolean
useFirstColumnAsDomain

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

유형: boolean
vAxes

차트에 여러 개의 세로 축이 있는 경우 개별 세로 축의 속성을 지정합니다. 각 하위 객체는 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
  }
]
유형: 객체의 배열 또는 하위 객체가 있는 객체
기본값: null
vAxis

다양한 세로축 요소를 구성하는 구성원이 포함된 객체입니다. 홈 디렉터리의 속성을 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
유형: object
기본값: null
vAxis.direction

세로축의 값이 증가하는 방향입니다. 기본적으로 낮은 값은 차트 하단에 표시됩니다. -1 지정 대상: 값의 순서를 반대로 바꾸면 됩니다.

유형: 1 또는 -1
기본값: 1
vAxis.gridlines

세로축의 격자선을 구성하는 구성원이 포함된 객체입니다. 세로축 격자선은 가로로 그려집니다. 속성 지정 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

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

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
vAxis.gridlines.color

차트 영역 내 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요.

유형: string
기본값: '#CCC'
vAxis.gridlines.count

차트 영역 내에 표시되는 가로 격자선의 대략적인 개수입니다. gridlines.count에 양수를 지정하면 격자선 사이의 minSpacing를 계산하는 데 사용됩니다. 값을 1로 지정하여 격자선을 하나만 그릴 수 있습니다. 또는 0를 사용하여 격자선을 그리지 않습니다. 기본값인 -1를 지정합니다. 격자선 수를 자동으로 계산하기 위해 다른 옵션을 기준으로 선택할 수 있습니다

유형: number
기본값: -1
vAxis.logScale

true이면 세로축을 대수 배율이 됩니다. 참고: 모든 값은 양수여야 합니다.

유형: boolean
기본값: false
vAxis.maxValue

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

유형: number
기본값: 자동
vAxis.minorGridlines

다음과 같이 세로축의 보조 격자선을 구성하는 구성원이 포함된 객체입니다. vAxis.gridlines 옵션

유형: object
기본값: null
vAxis.minorGridlines.color

차트 영역 내에 있는 세로의 보조 격자선 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: 격자선과 배경 색상의 혼합
vAxis.minorGridlines.count

minorGridlines.count 옵션은 마이너 격자선 사용 중지를 제외하고 대부분 지원 중단되었습니다. 개수를 0로 설정하면 됩니다. 보조 격자선의 수는 기본 격자선과 필요한 최소 공간을 선택할 수 있습니다.

유형: number
기본값: 1
vAxis.minValue

세로축의 최솟값을 지정된 값으로 이동합니다. 가장 낮은 가중치로 대부분의 차트에서 사용할 수 있습니다. 데이터의 최소 y값보다 큰 값으로 설정되면 무시됩니다. vAxis.viewWindow.min는 이 속성을 재정의합니다.

유형: number
기본값: null
vAxis.textPosition

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

유형: string
기본값: 'out'
vAxis.textStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
vAxis.title

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

유형: string
기본값: 제목 없음
vAxis.titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
vAxis.viewWindow

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

유형: object
기본값: null
vAxis.viewWindow.max

렌더링할 최대 카테고리 데이터 값입니다.

vAxis.viewWindowMode가 'pretty'이면 무시됩니다. '최대화됨'이라고도 합니다

유형: number
기본값: auto
vAxis.viewWindow.min

렌더링할 최소 카테고리 데이터 값입니다.

vAxis.viewWindowMode가 'pretty'이면 무시됩니다. '최대화됨'이라고도 합니다

유형: number
기본값: auto

막대 그래프 구성 옵션

이름
backgroundColor

차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열이거나 예: 'red' 또는 '#00cc00', 또는 다음이 포함된 객체 속성

유형: string 또는 object
기본값: 'white'
backgroundColor.fill

HTML 색상 문자열로 된 차트 채우기 색상입니다.

유형:string
기본값: 'white'
chartArea

차트 영역의 위치와 크기를 구성하는 구성원이 포함된 객체입니다 (이 경우 차트 축과 범례를 제외하고 자체가 그려짐). 숫자 또는 숫자 뒤에 %가 표시됩니다. 간단한 숫자는 픽셀 단위이며, 숫자 다음에 % 가 오는 것은 백분율로 표시됩니다. 예: chartArea:{left:20,top:0,width:'50%',height:'75%'}

유형: object
기본값: null
chartArea.backgroundColor
차트 영역 배경 색상입니다. 문자열을 사용하는 경우 16진수 문자열 (예: '#fdc') 또는 영어 색상 이름을 사용할 수 있습니다. 객체가 사용되면 다음 속성이 제공:
  • stroke: 색상으로, 16진수 문자열 또는 영어 색상 이름으로 제공됩니다.
  • strokeWidth: 제공되는 경우 지정된 차트 영역 주위에 테두리를 그립니다. 너비 (및 stroke의 색상)
유형: string 또는 object
기본값: 'white'
chartArea.height

차트 영역 높이

유형: number 또는 string
기본값: auto
chartArea.left

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

유형: number 또는 string
기본값: auto
chartArea.top

위쪽 테두리에서 차트를 그리는 거리입니다.

유형: number 또는 string
기본값: auto
chartArea.width

차트 영역 너비입니다.

유형: 숫자 또는 string
기본값: auto
색상

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

유형: 문자열 배열
기본값: 기본 색상
hAxes

차트에 여러 개의 가로축이 있는 경우 개별 가로축의 속성을 지정합니다. 축을 수행합니다. 각 하위 객체는 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
유형: 객체의 배열 또는 하위 객체가 있는 객체
기본값: null
hAxis

다양한 가로축 요소를 구성하는 구성원이 포함된 객체입니다. 속성 지정 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
유형: object
기본값: null
hAxis.direction

가로축의 값이 증가하는 방향입니다. -1 지정 대상: 값의 순서를 반대로 바꾸면 됩니다.

유형: 1 또는 -1
기본값: 1
hAxis.gridlines

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

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

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
hAxis.gridlines.color

차트 영역 내 가로 격자선의 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: '#CCC'
hAxis.gridlines.count

차트 영역 내에 표시되는 가로 격자선의 대략적인 개수입니다. gridlines.count에 양수를 지정하면 격자선 사이의 minSpacing를 계산하는 데 사용됩니다. 값을 1로 지정하여 격자선을 하나만 그릴 수 있습니다. 또는 0를 사용하여 격자선을 그리지 않습니다. 기본값인 -1를 지정합니다. 격자선 수를 자동으로 계산하기 위해 다른 옵션을 기준으로 선택할 수 있습니다

유형: number
기본값: -1
hAxis.logScale

가로축을 로그 배율로 만드는 hAxis 속성 (모두 필요) 를 입력합니다. '예'인 경우 true로 설정합니다.

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

유형: boolean
기본값: false
hAxis.maxValue

가로축의 최댓값을 지정된 값으로 이동합니다. 오른쪽 상단의 대부분의 차트에서 사용할 수 있습니다. 데이터의 최대 x값보다 작은 값으로 설정되면 무시됩니다. hAxis.viewWindow.max는 이 속성을 재정의합니다.

유형: number
기본값: 자동
hAxis.minorGridlines

가로축의 보조 격자선을 구성하는 구성원이 포함된 객체로, 다음과 같이 hAxis.gridlines 옵션

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
hAxis.minorGridlines.color

차트 영역 내 보조 격자선의 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: 격자선과 배경 색상의 혼합
hAxis.minorGridlines.count

minorGridlines.count 옵션은 마이너 격자선 사용 중지를 제외하고 대부분 지원 중단되었습니다. 0으로 설정합니다. 이제 보조 격자선 수는 데이터 레이크와 주요 격자선 (hAxis.gridlines.interval 참고) 필요한 최소 공간은 hAxis.minorGridlines.minSpacing를 참고하세요.

유형: number
기본값: 1
hAxis.minValue

가로축의 최솟값을 지정된 값으로 이동합니다. 이것은 왼쪽에 있는 대부분의 차트에서 사용할 수 있습니다. 데이터의 최소 x값보다 큰 값으로 설정되면 무시됩니다. hAxis.viewWindow.min는 이 속성을 재정의합니다.

유형: number
기본값: 자동
hAxis.textPosition

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

유형: string
기본값: 'out'
hAxis.textStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
hAxis.title

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

유형: string
기본값: null
hAxis.titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
hAxis.viewWindow

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

유형: object
기본값: null
hAxis.viewWindow.max

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

hAxis.viewWindowMode이 'pretty' 또는 'maximized'이면 무시됩니다.

유형: number
기본값: auto
hAxis.viewWindow.min

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

hAxis.viewWindowMode이 'pretty' 또는 'maximized'이면 무시됩니다.

유형: number
기본값: auto
높이

픽셀 단위의 차트 높이입니다.

유형: number
기본값: 포함하는 요소의 높이
isStacked

true로 설정하면 각 도메인 값에서 모든 계열의 요소를 스택합니다. 참고: 열, 영역 SteppedArea 차트, Google 차트는 범례 항목의 순서를 역순으로 정렬하여 차트 누적 계열 요소 (예: 계열 0이 맨 아래 범례 항목이 됨). 이 은 적용되지 않습니다. 막대 차트.

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

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

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

100% 누적의 경우 각 요소의 계산된 값은 실제 값입니다.

대상 축은 기본적으로 0~1의 상대적인 비율에 따라 값을 분수로 표시합니다. 'relative'의 경우 1, 'percent'의 경우 0~100% (참고: 'percent' 옵션을 사용하는 경우 축/틱 값은 백분율로 표시되지만 실제 값은 상대적인 0~1 척도 값입니다. 이는 백분율 축 눈금이 '#.##%' 형식을 적용한 결과이기 때문입니다. ~ 상대적인 0~1 배율 값을 나타냅니다. isStacked: 'percent' 사용 시 상대적인 0~1 배율 값을 사용하여 눈금/격자선을 지정합니다. 사용자는 격자선/눈금 값 및 서식을 적절한 hAxis/vAxis 옵션을 사용하여 지정해야 합니다.

100% 스택은 number 유형의 데이터 값만 지원하며 기준선은 0입니다

유형: boolean/string
기본값: false
범례

범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 홈 디렉터리의 속성을 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
유형: object
기본값: null
legend.position

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

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

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
reverseCategories

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

이 옵션은 discrete 드림 major 축.

유형: boolean
기본값: false
시리즈

객체의 배열로, 각각 차트의 해당 계열 형식을 설명합니다. 계열에 기본값을 사용하려면 빈 객체 {}를 지정합니다. 시리즈가 값이 지정되지 않은 경우 전역 값이 사용됩니다. 각 객체 는 다음 속성을 지원합니다.

  • annotations - 이 시리즈의 주석에 적용할 객체입니다. 이 예를 들어 시리즈의 textStyle를 제어하는 데 사용할 수 있습니다. 

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

    사용 가능한 기능의 전체 목록은 다양한 annotations 옵션을 참고하세요. 맞춤설정할 수 있습니다.

  • color - 이 계열에 사용할 색상입니다. 유효한 HTML 색상 문자열을 지정하세요.
  • labelInLegend - 차트 범례에 표시할 계열의 설명입니다.
  • targetAxisIndex: 이 계열을 할당할 축입니다. 여기서 0는 기본값입니다. 축이고 1은 반대 축입니다. 기본값은 0입니다. 1로 설정하여 여러 계열이 다른 축에 대해 렌더링됩니다. 계열을 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}
}
유형: 객체의 배열 또는 중첩된 객체가 있는 객체
기본값: {}
부제목

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

유형: string
기본값: 제목 없음
subtitleTextStyle

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
테마

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

  • 'maximized' - 차트의 영역을 최대화하고 범례와 모든 라벨을 그립니다. 드래그 앤 드롭합니다.
유형: string
기본값: null
제목

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

유형: string
기본값: 제목 없음
titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
추세선

디스플레이 <ph type="x-smartling-placeholder"></ph> 추세선 를 통해 개인정보처리방침을 정의할 수 있습니다. 압도하고는 할 수 없습니다 기본적으로 linear 추세선은 다음과 같습니다. trendlines.n.type 옵션을 사용하여 맞춤설정할 수 있습니다.

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

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
유형: object
기본값: null
trendlines.n.color

이 <ph type="x-smartling-placeholder"></ph> 추세선 , 영어 색상 이름 또는 16진수 문자열로 표현됩니다.

유형: string
기본값: 기본 계열 색상
trendlines.n.degree

대상 <ph type="x-smartling-placeholder"></ph> 추세선 를 통해 개인정보처리방침을 정의할 수 있습니다. type: 'polynomial'의 경우, 다항식의 차수 (2의 경우 2차, 3차의 경우 3 등).

유형: number
기본값: 3
trendlines.n.labelInLegend

설정된 경우 <ph type="x-smartling-placeholder"></ph> 추세선 를 통해 개인정보처리방침을 정의할 수 있습니다. 범례에 이 문자열로 표시됩니다.

유형: string
기본값: null
trendlines.n.lineWidth

대상의 선 너비입니다. <ph type="x-smartling-placeholder"></ph> 추세선(단위: 픽셀)을 표시합니다.

유형: number
기본값: 2
trendlines.n.type

<ph type="x-smartling-placeholder"></ph> 추세선 를 통해 개인정보처리방침을 정의할 수 있습니다. 'linear' (기본값), 'exponential' 또는 'polynomial'입니다.

유형: string
기본값: linear
trendlines.n.visibleInLegend

<ph type="x-smartling-placeholder"></ph> 추세선 를 통해 개인정보처리방침을 정의할 수 있습니다. 표시됩니다. 추세선 도움말에 표시됩니다.

유형: boolean
기본값: false
useFirstColumnAsDomain

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

유형: boolean
vAxis

다양한 세로축 요소를 구성하는 구성원이 포함된 객체입니다. 홈 디렉터리의 속성을 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
유형: object
기본값: null
vAxis.direction

세로축의 값이 증가하는 방향입니다. 기본적으로 낮은 값은 차트 하단에 표시됩니다. -1 지정 대상: 값의 순서를 반대로 바꾸면 됩니다.

유형: 1 또는 -1
기본값: 1
vAxis.gridlines

세로축의 격자선을 구성하는 구성원이 포함된 객체입니다. 세로축 격자선은 가로로 그려집니다. 속성 지정 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

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

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
vAxis.gridlines.color

차트 영역 내 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요.

유형: string
기본값: '#CCC'
vAxis.gridlines.count

차트 영역 내에 표시되는 가로 격자선의 대략적인 개수입니다. gridlines.count에 양수를 지정하면 격자선 사이의 minSpacing를 계산하는 데 사용됩니다. 값을 1로 지정하여 격자선을 하나만 그릴 수 있습니다. 또는 0를 사용하여 격자선을 그리지 않습니다. 기본값인 -1를 지정합니다. 격자선 수를 자동으로 계산하기 위해 다른 옵션을 기준으로 선택할 수 있습니다

유형: number
기본값: -1
vAxis.logScale

true이면 세로축을 대수 배율이 됩니다. 참고: 모든 값은 양수여야 합니다.

유형: boolean
기본값: false
vAxis.maxValue

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

유형: number
기본값: 자동
vAxis.minorGridlines

다음과 같이 세로축의 보조 격자선을 구성하는 구성원이 포함된 객체입니다. vAxis.gridlines 옵션

유형: object
기본값: null
vAxis.minorGridlines.color

차트 영역 내에 있는 세로의 보조 격자선 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: 격자선과 배경 색상의 혼합
vAxis.minorGridlines.count

minorGridlines.count 옵션은 마이너 격자선 사용 중지를 제외하고 대부분 지원 중단되었습니다. 개수를 0로 설정하면 됩니다. 보조 격자선의 수는 기본 격자선과 필요한 최소 공간을 선택할 수 있습니다.

유형: number
기본값: 1
vAxis.minValue

세로축의 최솟값을 지정된 값으로 이동합니다. 가장 낮은 가중치로 대부분의 차트에서 사용할 수 있습니다. 데이터의 최소 y값보다 큰 값으로 설정되면 무시됩니다. vAxis.viewWindow.min는 이 속성을 재정의합니다.

유형: number
기본값: null
vAxis.textPosition

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

유형: string
기본값: 'out'
vAxis.textStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
vAxis.title

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

유형: string
기본값: 제목 없음
vAxis.titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
vAxis.viewWindow

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

유형: object
기본값: null
vAxis.viewWindow.max

렌더링할 최대 카테고리 데이터 값입니다.

vAxis.viewWindowMode가 'pretty'이면 무시됩니다. '최대화됨'이라고도 합니다

유형: number
기본값: auto
vAxis.viewWindow.min

렌더링할 최소 카테고리 데이터 값입니다.

vAxis.viewWindowMode가 'pretty'이면 무시됩니다. '최대화됨'이라고도 합니다

유형: number
기본값: auto

풍선형 차트 구성 옵션

이름
backgroundColor

차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열이거나 예: 'red' 또는 '#00cc00', 또는 다음이 포함된 객체 속성

유형: string 또는 object
기본값: 'white'
backgroundColor.fill

HTML 색상 문자열로 된 차트 채우기 색상입니다.

유형: string
기본값: 'white'
풍선

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

유형: object
기본값: null
bubble.opacity

풍선의 불투명도로, 0는 완전히 투명하고 1는 완전히 불투명합니다.

유형: 0.0에서 1.0 사이의 숫자
기본값: 0.8
bubble.stroke

풍선의 색상입니다. 합니다.

유형: string
기본값: '#ccc'
bubble.textStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
chartArea

차트 영역의 배치와 크기를 구성하는 구성원이 포함된 객체입니다 (이 경우 차트 축과 범례를 제외하고 자체가 그려짐). 두 가지 형식, 즉 숫자 또는 숫자 뒤에 %가 표시됩니다. 간단한 숫자는 픽셀 단위이며, 숫자 다음에 % 가 오는 것은 백분율로 표시됩니다. 예: chartArea:{left:20,top:0,width:'50%',height:'75%'}

유형: object
기본값: null
chartArea.backgroundColor
차트 영역 배경 색상입니다. 문자열을 사용하는 경우 16진수 문자열 (예: '#fdc') 또는 영어 색상 이름을 사용할 수 있습니다. 객체가 사용되면 다음 속성이 제공:
  • stroke: 색상으로, 16진수 문자열 또는 영어 색상 이름으로 제공됩니다.
  • strokeWidth: 제공되는 경우 지정된 차트 영역 주위에 테두리를 그립니다. 너비 (및 stroke의 색상)
유형: string 또는 object
기본값: 'white'
chartArea.height

차트 영역 높이

유형: number 또는 string
기본값: auto
chartArea.left

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

유형: number 또는 string
기본값: auto
chartArea.top

위쪽 테두리에서 차트를 그리는 거리입니다.

유형: number 또는 string
기본값: auto
chartArea.width

차트 영역 너비입니다.

유형: number 또는 string
기본값: auto
색상

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

유형: 문자열 배열
기본값: 기본 색상
hAxis

다양한 가로축 요소를 구성하는 구성원이 포함된 객체입니다. 속성 지정 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
유형: object
기본값: null
hAxis.direction

가로축의 값이 증가하는 방향입니다. -1 지정 대상: 값의 순서를 반대로 바꾸면 됩니다.

유형: 1 또는 -1
기본값: 1
hAxis.gridlines

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

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

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
hAxis.gridlines.color

차트 영역 내 가로 격자선의 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: '#CCC'
hAxis.gridlines.count

차트 영역 내에 표시되는 가로 격자선의 대략적인 개수입니다. gridlines.count에 양수를 지정하면 격자선 사이의 minSpacing를 계산하는 데 사용됩니다. 값을 1로 지정하여 격자선을 하나만 그릴 수 있습니다. 또는 0를 사용하여 격자선을 그리지 않습니다. 기본값인 -1를 지정합니다. 격자선 수를 자동으로 계산하기 위해 다른 옵션을 기준으로 선택할 수 있습니다

유형: number
기본값: -1
hAxis.logScale

가로축을 로그 배율로 만드는 hAxis 속성 (모두 필요) 를 입력합니다. '예'인 경우 true로 설정합니다.

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

유형: boolean
기본값: false
hAxis.maxValue

가로축의 최댓값을 지정된 값으로 이동합니다. 오른쪽 상단의 대부분의 차트에서 사용할 수 있습니다. 데이터의 최대 x값보다 작은 값으로 설정되면 무시됩니다. hAxis.viewWindow.max는 이 속성을 재정의합니다.

유형: number
기본값: 자동
hAxis.minorGridlines

가로축의 보조 격자선을 구성하는 구성원이 포함된 객체로, 다음과 같이 hAxis.gridlines 옵션

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
hAxis.minorGridlines.color

차트 영역 내 보조 격자선의 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: 격자선과 배경 색상의 혼합
hAxis.minorGridlines.count

minorGridlines.count 옵션은 마이너 격자선 사용 중지를 제외하고 대부분 지원 중단되었습니다. 0으로 설정합니다. 이제 보조 격자선 수는 데이터 레이크와 주요 격자선 (hAxis.gridlines.interval 참고) 필요한 최소 공간은 hAxis.minorGridlines.minSpacing를 참고하세요.

유형: number
기본값: 1
hAxis.minValue

가로축의 최솟값을 지정된 값으로 이동합니다. 이것은 왼쪽에 있는 대부분의 차트에서 사용할 수 있습니다. 데이터의 최소 x값보다 큰 값으로 설정되면 무시됩니다. hAxis.viewWindow.min는 이 속성을 재정의합니다.

유형: number
기본값: 자동
hAxis.textPosition

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

유형: string
기본값: 'out'
hAxis.textStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
hAxis.title

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

유형: string
기본값: null
hAxis.titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
hAxis.viewWindow

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

유형: object
기본값: null
hAxis.viewWindow.max

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

hAxis.viewWindowMode이 'pretty' 또는 'maximized'이면 무시됩니다.

유형: number
기본값: auto
hAxis.viewWindow.min

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

hAxis.viewWindowMode이 'pretty' 또는 'maximized'이면 무시됩니다.

유형: number
기본값: auto
높이

픽셀 단위의 차트 높이입니다.

유형: number
기본값: 포함하는 요소의 높이
범례

범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 홈 디렉터리의 속성을 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
유형: object
기본값: null
legend.position

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

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

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
시리즈

객체의 객체. 여기서 키는 계열 이름 (색상 열의 값)입니다. 차트에서 해당 계열의 형식을 설명하는 각 객체가 포함됩니다. 만약 값이 지정되지 않은 경우 전역 값이 사용됩니다. 각 객체는 다음과 같은 속성을 지원합니다.

  • color - 이 계열에 사용할 색상입니다. 유효한 HTML 색상 문자열을 지정하세요.
  • visibleInLegend - boolean 값. 여기서 true은 계열이 다음을 의미합니다. 범례 항목이 있고 false는 범례 항목이 없어야 함을 의미합니다. 기본값은 true입니다.
를 통해 개인정보처리방침을 정의할 수 있습니다. 예: 
series: {'Europe': {color: 'green'}}
유형: 중첩된 객체가 있는 객체
기본값: {}
sizeAxis

값이 풍선 크기와 연결되는 방식을 구성하는 구성원이 포함된 객체입니다. 지정 이 객체의 속성을 사용하여 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

 {minValue: 0,  maxSize: 20}
유형: object
기본값: null
sizeAxis.maxSize

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

유형: number
기본값: 30
sizeAxis.minSize

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

유형: number
기본값: 5
부제목

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

유형: string
기본값: 제목 없음
subtitleTextStyle

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
테마

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

  • 'maximized' - 차트의 영역을 최대화하고 범례와 모든 라벨을 그립니다. 드래그 앤 드롭합니다.
유형: string
기본값: null
제목

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

유형: string
기본값: 제목 없음
titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
treatLabelsAsText

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

유형: boolean
useFirstColumnAsDomain

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

유형: boolean
vAxes

차트에 여러 개의 세로 축이 있는 경우 개별 세로 축의 속성을 지정합니다. 각 하위 객체는 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
  }
]
유형: 객체의 배열 또는 하위 객체가 있는 객체
기본값: null
vAxis

다양한 세로축 요소를 구성하는 구성원이 포함된 객체입니다. 홈 디렉터리의 속성을 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
유형: object
기본값: null
vAxis.direction

세로축의 값이 증가하는 방향입니다. 기본적으로 낮은 값은 차트 하단에 표시됩니다. -1 지정 대상: 값의 순서를 반대로 바꾸면 됩니다.

유형: 1 또는 -1
기본값: 1
vAxis.gridlines

세로축의 격자선을 구성하는 구성원이 포함된 객체입니다. 세로축 격자선은 가로로 그려집니다. 속성 지정 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

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

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
vAxis.gridlines.color

차트 영역 내 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요.

유형: string
기본값: '#CCC'
vAxis.gridlines.count

차트 영역 내에 표시되는 가로 격자선의 대략적인 개수입니다. gridlines.count에 양수를 지정하면 격자선 사이의 minSpacing를 계산하는 데 사용됩니다. 값을 1로 지정하여 격자선을 하나만 그릴 수 있습니다. 또는 0를 사용하여 격자선을 그리지 않습니다. 기본값인 -1를 지정합니다. 격자선 수를 자동으로 계산하기 위해 다른 옵션을 기준으로 선택할 수 있습니다

유형: number
기본값: -1
vAxis.logScale

true이면 세로축을 대수 배율이 됩니다. 참고: 모든 값은 양수여야 합니다.

유형: boolean
기본값: false
vAxis.maxValue

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

유형: number
기본값: 자동
vAxis.minorGridlines

다음과 같이 세로축의 보조 격자선을 구성하는 구성원이 포함된 객체입니다. vAxis.gridlines 옵션

유형: object
기본값: null
vAxis.minorGridlines.color

차트 영역 내에 있는 세로의 보조 격자선 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: 격자선과 배경 색상의 혼합
vAxis.minorGridlines.count

minorGridlines.count 옵션은 마이너 격자선 사용 중지를 제외하고 대부분 지원 중단되었습니다. 개수를 0로 설정하면 됩니다. 보조 격자선의 수는 기본 격자선과 필요한 최소 공간을 선택할 수 있습니다.

유형: number
기본값: 1
vAxis.minValue

세로축의 최솟값을 지정된 값으로 이동합니다. 가장 낮은 가중치로 대부분의 차트에서 사용할 수 있습니다. 데이터의 최소 y값보다 큰 값으로 설정되면 무시됩니다. vAxis.viewWindow.min는 이 속성을 재정의합니다.

유형: number
기본값: null
vAxis.textPosition

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

유형: string
기본값: 'out'
vAxis.textStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
vAxis.title

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

유형: string
기본값: 제목 없음
vAxis.titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
vAxis.viewWindow

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

유형: object
기본값: null
vAxis.viewWindow.max

렌더링할 최대 카테고리 데이터 값입니다.

vAxis.viewWindowMode가 'pretty'이면 무시됩니다. '최대화됨'이라고도 합니다

유형: number
기본값: auto
vAxis.viewWindow.min

렌더링할 최소 카테고리 데이터 값입니다.

vAxis.viewWindowMode가 'pretty'이면 무시됩니다. '최대화됨'이라고도 합니다

유형: number
기본값: auto

캘린더 구성 옵션

이름
높이

픽셀 단위의 차트 높이입니다.

유형: number
기본값: 포함하는 요소의 높이
너비

픽셀 단위의 차트 너비입니다.

유형: number
기본값: 포함하는 요소의 너비

원통형 차트 구성 옵션

이름
backgroundColor

차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열이거나 예: 'red' 또는 '#00cc00', 또는 다음이 포함된 객체 속성

유형: string 또는 object
기본값: 'white'
backgroundColor.fill

HTML 색상 문자열로 된 차트 채우기 색상입니다.

유형: string
기본값: 'white'
chartArea

차트 영역의 위치와 크기를 구성하는 구성원이 포함된 객체입니다 (이 경우 차트 축과 범례를 제외하고 자체가 그려짐). 숫자 또는 숫자 뒤에 %가 표시됩니다. 간단한 숫자는 픽셀 단위이며, 숫자 다음에 % 가 오는 것은 백분율로 표시됩니다. 예: chartArea:{left:20,top:0,width:'50%',height:'75%'}

유형: object
기본값: null
chartArea.backgroundColor
차트 영역 배경 색상입니다. 문자열을 사용하는 경우 16진수 문자열 (예: '#fdc') 또는 영어 색상 이름을 사용할 수 있습니다. 객체가 사용되면 다음 속성이 제공:
  • stroke: 색상으로, 16진수 문자열 또는 영어 색상 이름으로 제공됩니다.
  • strokeWidth: 제공되는 경우 지정된 차트 영역 주위에 테두리를 그립니다. 너비 (및 stroke의 색상)
유형: string 또는 object
기본값: 'white'
chartArea.height

차트 영역 높이

유형: number 또는 string
기본값: auto
chartArea.left

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

유형: number 또는 string
기본값: auto
chartArea.top

위쪽 테두리에서 차트를 그리는 거리입니다.

유형: number 또는 string
기본값: auto
chartArea.width

차트 영역 너비입니다.

유형: number 또는 string
기본값: auto
색상

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

유형: 문자열 배열
기본값: 기본 색상
hAxis

다양한 가로축 요소를 구성하는 구성원이 포함된 객체입니다. 속성 지정 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
유형: object
기본값: null
hAxis.direction

가로축의 값이 증가하는 방향입니다. -1 지정 대상: 값의 순서를 반대로 바꾸면 됩니다.

유형: 1 또는 -1
기본값: 1
hAxis.gridlines

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

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

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
hAxis.gridlines.color

차트 영역 내 가로 격자선의 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: '#CCC'
hAxis.gridlines.count

차트 영역 내에 표시되는 가로 격자선의 대략적인 개수입니다. gridlines.count에 양수를 지정하면 격자선 사이의 minSpacing를 계산하는 데 사용됩니다. 값을 1로 지정하여 격자선을 하나만 그릴 수 있습니다. 또는 0를 사용하여 격자선을 그리지 않습니다. 기본값인 -1를 지정합니다. 격자선 수를 자동으로 계산하기 위해 다른 옵션을 기준으로 선택할 수 있습니다

유형: number
기본값: -1
hAxis.logScale

가로축을 로그 배율로 만드는 hAxis 속성 (모두 필요) 를 입력합니다. '예'인 경우 true로 설정합니다.

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

유형: boolean
기본값: false
hAxis.maxValue

가로축의 최댓값을 지정된 값으로 이동합니다. 오른쪽 상단의 대부분의 차트에서 사용할 수 있습니다. 데이터의 최대 x값보다 작은 값으로 설정되면 무시됩니다. hAxis.viewWindow.max는 이 속성을 재정의합니다.

유형: number
기본값: 자동
hAxis.minorGridlines

가로축의 보조 격자선을 구성하는 구성원이 포함된 객체로, 다음과 같이 hAxis.gridlines 옵션

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
hAxis.minorGridlines.color

차트 영역 내 보조 격자선의 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: 격자선과 배경 색상의 혼합
hAxis.minorGridlines.count

minorGridlines.count 옵션은 마이너 격자선 사용 중지를 제외하고 대부분 지원 중단되었습니다. 0으로 설정합니다. 이제 보조 격자선 수는 데이터 레이크와 주요 격자선 (hAxis.gridlines.interval 참고) 필요한 최소 공간은 hAxis.minorGridlines.minSpacing를 참고하세요.

유형: number
기본값: 1
hAxis.minValue

가로축의 최솟값을 지정된 값으로 이동합니다. 이것은 왼쪽에 있는 대부분의 차트에서 사용할 수 있습니다. 데이터의 최소 x값보다 큰 값으로 설정되면 무시됩니다. hAxis.viewWindow.min는 이 속성을 재정의합니다.

유형: number
기본값: 자동
hAxis.textPosition

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

유형: string
기본값: 'out'
hAxis.textStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
hAxis.title

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

유형: string
기본값: null
hAxis.titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
hAxis.viewWindow

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

유형: object
기본값: null
hAxis.viewWindow.max

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

hAxis.viewWindowMode이 'pretty' 또는 'maximized'이면 무시됩니다.

유형: number
기본값: auto
hAxis.viewWindow.min

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

hAxis.viewWindowMode이 'pretty' 또는 'maximized'이면 무시됩니다.

유형: number
기본값: auto
높이

픽셀 단위의 차트 높이입니다.

유형: number
기본값: 포함하는 요소의 높이
범례

범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 홈 디렉터리의 속성을 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
유형: object
기본값: null
legend.position

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

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

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
reverseCategories

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

이 옵션은 discrete 드림 major 축.

유형: boolean
기본값: false
시리즈

객체의 배열로, 각각 차트의 해당 계열 형식을 설명합니다. 계열에 기본값을 사용하려면 빈 객체 {}를 지정합니다. 계열 또는 값이 가 지정되지 않은 경우 전역 값이 사용됩니다. 각 객체는 다음과 같은 속성을 지원합니다.

  • 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로 설정하여 여러 계열이 다른 축에 대해 렌더링됩니다. 계열을 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}
}
유형: 객체의 배열 또는 중첩된 객체가 있는 객체
기본값: {}
부제목

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

유형: string
기본값: 제목 없음
subtitleTextStyle

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
테마

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

  • 'maximized' - 차트의 영역을 최대화하고 범례와 모든 라벨을 그립니다. 드래그 앤 드롭합니다.
유형: string
기본값: null
제목

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

유형: string
기본값: 제목 없음
titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
useFirstColumnAsDomain

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

유형: boolean
vAxes

차트에 여러 개의 세로 축이 있는 경우 개별 세로 축의 속성을 지정합니다. 각 하위 객체는 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
  }
]
유형: 객체의 배열 또는 하위 객체가 있는 객체
기본값: null
vAxis

다양한 세로축 요소를 구성하는 구성원이 포함된 객체입니다. 홈 디렉터리의 속성을 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
유형: object
기본값: null
vAxis.direction

세로축의 값이 증가하는 방향입니다. 기본적으로 낮은 값은 차트 하단에 표시됩니다. -1 지정 대상: 값의 순서를 반대로 바꾸면 됩니다.

유형: 1 또는 -1
기본값: 1
vAxis.gridlines

세로축의 격자선을 구성하는 구성원이 포함된 객체입니다. 세로축 격자선은 가로로 그려집니다. 속성 지정 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

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

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
vAxis.gridlines.color

차트 영역 내 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요.

유형: string
기본값: '#CCC'
vAxis.gridlines.count

차트 영역 내에 표시되는 가로 격자선의 대략적인 개수입니다. gridlines.count에 양수를 지정하면 격자선 사이의 minSpacing를 계산하는 데 사용됩니다. 값을 1로 지정하여 격자선을 하나만 그릴 수 있습니다. 또는 0를 사용하여 격자선을 그리지 않습니다. 기본값인 -1를 지정합니다. 격자선 수를 자동으로 계산하기 위해 다른 옵션을 기준으로 선택할 수 있습니다

유형: number
기본값: -1
vAxis.logScale

true이면 세로축을 대수 배율이 됩니다. 참고: 모든 값은 양수여야 합니다.

유형: boolean
기본값: false
vAxis.maxValue

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

유형: number
기본값: 자동
vAxis.minorGridlines

다음과 같이 세로축의 보조 격자선을 구성하는 구성원이 포함된 객체입니다. vAxis.gridlines 옵션

유형: object
기본값: null
vAxis.minorGridlines.color

차트 영역 내에 있는 세로의 보조 격자선 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: 격자선과 배경 색상의 혼합
vAxis.minorGridlines.count

minorGridlines.count 옵션은 마이너 격자선 사용 중지를 제외하고 대부분 지원 중단되었습니다. 개수를 0로 설정하면 됩니다. 보조 격자선의 수는 기본 격자선과 필요한 최소 공간을 선택할 수 있습니다.

유형: number
기본값: 1
vAxis.minValue

세로축의 최솟값을 지정된 값으로 이동합니다. 가장 낮은 가중치로 대부분의 차트에서 사용할 수 있습니다. 데이터의 최소 y값보다 큰 값으로 설정되면 무시됩니다. vAxis.viewWindow.min는 이 속성을 재정의합니다.

유형: number
기본값: null
vAxis.textPosition

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

유형: string
기본값: 'out'
vAxis.textStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
vAxis.title

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

유형: string
기본값: 제목 없음
vAxis.titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
vAxis.viewWindow

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

유형: object
기본값: null
vAxis.viewWindow.max

렌더링할 최대 카테고리 데이터 값입니다.

vAxis.viewWindowMode가 'pretty'이면 무시됩니다. '최대화됨'이라고도 합니다

유형: number
기본값: auto
vAxis.viewWindow.min

렌더링할 최소 카테고리 데이터 값입니다.

vAxis.viewWindowMode가 'pretty'이면 무시됩니다. '최대화됨'이라고도 합니다

유형: number
기본값: auto

열 차트 구성 옵션

이름
backgroundColor

차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열이거나 예: 'red' 또는 '#00cc00', 또는 다음이 포함된 객체 속성

유형: string 또는 object
기본값: 'white'
backgroundColor.fill

HTML 색상 문자열로 된 차트 채우기 색상입니다.

유형: string
기본값: 'white'
chartArea

차트 영역의 위치와 크기를 구성하는 구성원이 포함된 객체입니다 (이 경우 차트 축과 범례를 제외하고 자체가 그려짐). 숫자 또는 숫자 뒤에 %가 표시됩니다. 간단한 숫자는 픽셀 단위이며, 숫자 다음에 % 가 오는 것은 백분율로 표시됩니다. 예: chartArea:{left:20,top:0,width:'50%',height:'75%'}

유형: object
기본값: null
chartArea.backgroundColor
차트 영역 배경 색상입니다. 문자열을 사용하는 경우 16진수 문자열 (예: '#fdc') 또는 영어 색상 이름을 사용할 수 있습니다. 객체가 사용되면 다음 속성이 제공:
  • stroke: 색상으로, 16진수 문자열 또는 영어 색상 이름으로 제공됩니다.
  • strokeWidth: 제공되는 경우 지정된 차트 영역 주위에 테두리를 그립니다. 너비 (및 stroke의 색상)
유형: string 또는 object
기본값: 'white'
chartArea.height

차트 영역 높이

유형: number 또는 string
기본값: auto
chartArea.left

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

유형: number 또는 string
기본값: auto
chartArea.top

위쪽 테두리에서 차트를 그리는 거리입니다.

유형: number 또는 string
기본값: auto
chartArea.width

차트 영역 너비입니다.

유형: number 또는 string
기본값: auto
색상

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

유형: 문자열 배열
기본값: 기본 색상
hAxis

다양한 가로축 요소를 구성하는 구성원이 포함된 객체입니다. 속성 지정 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
유형: object
기본값: null
hAxis.direction

가로축의 값이 증가하는 방향입니다. -1 지정 대상: 값의 순서를 반대로 바꾸면 됩니다.

유형: 1 또는 -1
기본값: 1
hAxis.gridlines

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

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

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
hAxis.gridlines.color

차트 영역 내 가로 격자선의 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: '#CCC'
hAxis.gridlines.count

차트 영역 내에 표시되는 가로 격자선의 대략적인 개수입니다. gridlines.count에 양수를 지정하면 격자선 사이의 minSpacing를 계산하는 데 사용됩니다. 값을 1로 지정하여 격자선을 하나만 그릴 수 있습니다. 또는 0를 사용하여 격자선을 그리지 않습니다. 기본값인 -1를 지정합니다. 격자선 수를 자동으로 계산하기 위해 다른 옵션을 기준으로 선택할 수 있습니다

유형: number
기본값: -1
hAxis.logScale

가로축을 로그 배율로 만드는 hAxis 속성 (모두 필요) 를 입력합니다. '예'인 경우 true로 설정합니다.

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

유형: boolean
기본값: false
hAxis.maxValue

가로축의 최댓값을 지정된 값으로 이동합니다. 오른쪽 상단의 대부분의 차트에서 사용할 수 있습니다. 데이터의 최대 x값보다 작은 값으로 설정되면 무시됩니다. hAxis.viewWindow.max는 이 속성을 재정의합니다.

유형: number
기본값: 자동
hAxis.minorGridlines

가로축의 보조 격자선을 구성하는 구성원이 포함된 객체로, 다음과 같이 hAxis.gridlines 옵션

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
hAxis.minorGridlines.color

차트 영역 내 보조 격자선의 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: 격자선과 배경 색상의 혼합
hAxis.minorGridlines.count

minorGridlines.count 옵션은 마이너 격자선 사용 중지를 제외하고 대부분 지원 중단되었습니다. 0으로 설정합니다. 이제 보조 격자선 수는 데이터 레이크와 주요 격자선 (hAxis.gridlines.interval 참고) 필요한 최소 공간은 hAxis.minorGridlines.minSpacing를 참고하세요.

유형: number
기본값: 1
hAxis.minValue

가로축의 최솟값을 지정된 값으로 이동합니다. 이것은 왼쪽에 있는 대부분의 차트에서 사용할 수 있습니다. 데이터의 최소 x값보다 큰 값으로 설정되면 무시됩니다. hAxis.viewWindow.min는 이 속성을 재정의합니다.

유형: number
기본값: 자동
hAxis.textPosition

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

유형: string
기본값: 'out'
hAxis.textStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
hAxis.title

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

유형: string
기본값: null
hAxis.titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
hAxis.viewWindow

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

유형: object
기본값: null
hAxis.viewWindow.max

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

hAxis.viewWindowMode이 'pretty' 또는 'maximized'이면 무시됩니다.

유형: number
기본값: auto
hAxis.viewWindow.min

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

hAxis.viewWindowMode이 'pretty' 또는 'maximized'이면 무시됩니다.

유형: number
기본값: auto
높이

픽셀 단위의 차트 높이입니다.

유형: number
기본값: 포함하는 요소의 높이
isStacked

true로 설정하면 각 도메인 값에서 모든 계열의 요소를 스택합니다. 참고: 열, 영역 SteppedArea 차트, Google 차트는 범례 항목의 순서를 역순으로 정렬하여 차트 누적 계열 요소 (예: 계열 0이 맨 아래 범례 항목이 됨). 이 은 적용되지 않습니다. 막대 차트.

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

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

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

100% 누적의 경우 각 요소의 계산된 값은 실제 값입니다.

대상 축은 기본적으로 0~1의 상대적인 비율에 따라 값을 분수로 표시합니다. 'relative'의 경우 1, 'percent'의 경우 0~100% (참고: 'percent' 옵션을 사용하는 경우 축/틱 값은 백분율로 표시되지만 실제 값은 상대적인 0~1 척도 값입니다. 이는 백분율 축 눈금이 '#.##%' 형식을 적용한 결과이기 때문입니다. ~ 상대적인 0~1 배율 값을 나타냅니다. isStacked: 'percent' 사용 시 상대적인 0~1 배율 값을 사용하여 눈금/격자선을 지정합니다. 사용자는 격자선/눈금 값 및 서식을 적절한 hAxis/vAxis 옵션을 사용하여 지정해야 합니다.

100% 스택은 number 유형의 데이터 값만 지원하며 기준선은 0입니다

유형: boolean/string
기본값: false
범례

범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 홈 디렉터리의 속성을 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
유형: object
기본값: null
legend.position

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

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

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
reverseCategories

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

이 옵션은 discrete 드림 major 축.

유형: boolean
기본값: false
시리즈

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

  • annotations - 이 시리즈의 주석에 적용할 객체입니다. 이 예를 들어 시리즈의 textStyle를 제어하는 데 사용할 수 있습니다. 

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

    사용 가능한 기능의 전체 목록은 다양한 annotations 옵션을 참고하세요. 맞춤설정할 수 있습니다.

  • color - 이 계열에 사용할 색상입니다. 유효한 HTML 색상 문자열을 지정하세요.
  • labelInLegend - 차트 범례에 표시할 계열의 설명입니다.
  • targetAxisIndex: 이 계열을 할당할 축입니다. 여기서 0는 기본값입니다. 축이고 1은 반대 축입니다. 기본값은 0입니다. 1로 설정하여 여러 계열이 다른 축에 대해 렌더링됩니다. 계열을 1개 이상 할당해야 합니다. 기본 축에 추가합니다. 다른 축에 대해 다른 배율을 정의할 수 있습니다.

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

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
유형: 객체의 배열 또는 중첩된 객체가 있는 객체
기본값: {}
부제목

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

유형: string
기본값: 제목 없음
subtitleTextStyle

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
테마

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

  • 'maximized' - 차트의 영역을 최대화하고 범례와 모든 라벨을 그립니다. 드래그 앤 드롭합니다.
유형: string
기본값: null
제목

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

유형: string
기본값: 제목 없음
titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
추세선

디스플레이 <ph type="x-smartling-placeholder"></ph> 추세선 를 통해 개인정보처리방침을 정의할 수 있습니다. 압도하고는 할 수 없습니다 기본적으로 linear 추세선은 다음과 같습니다. trendlines.n.type 옵션을 사용하여 맞춤설정할 수 있습니다.

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

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
유형: object
기본값: null
trendlines.n.color

이 <ph type="x-smartling-placeholder"></ph> 추세선 , 영어 색상 이름 또는 16진수 문자열로 표현됩니다.

유형: string
기본값: 기본 계열 색상
trendlines.n.degree

대상 <ph type="x-smartling-placeholder"></ph> 추세선 를 통해 개인정보처리방침을 정의할 수 있습니다. type: 'polynomial'의 경우, 다항식의 차수 (2의 경우 2차, 3차의 경우 3 등).

유형: number
기본값: 3
trendlines.n.labelInLegend

설정된 경우 <ph type="x-smartling-placeholder"></ph> 추세선 를 통해 개인정보처리방침을 정의할 수 있습니다. 범례에 이 문자열로 표시됩니다.

유형: string
기본값: null
trendlines.n.lineWidth

대상의 선 너비입니다. <ph type="x-smartling-placeholder"></ph> 추세선(단위: 픽셀)을 표시합니다.

유형: number
기본값: 2
trendlines.n.type

<ph type="x-smartling-placeholder"></ph> 추세선 를 통해 개인정보처리방침을 정의할 수 있습니다. 'linear' (기본값), 'exponential' 또는 'polynomial'입니다.

유형: string
기본값: linear
trendlines.n.visibleInLegend

<ph type="x-smartling-placeholder"></ph> 추세선 를 통해 개인정보처리방침을 정의할 수 있습니다. 표시됩니다. 추세선 도움말에 표시됩니다.

유형: boolean
기본값: false
useFirstColumnAsDomain

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

유형: boolean
vAxes

차트에 여러 개의 세로 축이 있는 경우 개별 세로 축의 속성을 지정합니다. 각 하위 객체는 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
  }
]
유형: 객체의 배열 또는 하위 객체가 있는 객체
기본값: null
vAxis

다양한 세로축 요소를 구성하는 구성원이 포함된 객체입니다. 홈 디렉터리의 속성을 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
유형: object
기본값: null
vAxis.direction

세로축의 값이 증가하는 방향입니다. 기본적으로 낮은 값은 차트 하단에 표시됩니다. -1 지정 대상: 값의 순서를 반대로 바꾸면 됩니다.

유형: 1 또는 -1
기본값: 1
vAxis.gridlines

세로축의 격자선을 구성하는 구성원이 포함된 객체입니다. 세로축 격자선은 가로로 그려집니다. 속성 지정 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

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

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
vAxis.gridlines.color

차트 영역 내 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요.

유형: string
기본값: '#CCC'
vAxis.gridlines.count

차트 영역 내에 표시되는 가로 격자선의 대략적인 개수입니다. gridlines.count에 양수를 지정하면 격자선 사이의 minSpacing를 계산하는 데 사용됩니다. 값을 1로 지정하여 격자선을 하나만 그릴 수 있습니다. 또는 0를 사용하여 격자선을 그리지 않습니다. 기본값인 -1를 지정합니다. 격자선 수를 자동으로 계산하기 위해 다른 옵션을 기준으로 선택할 수 있습니다

유형: number
기본값: -1
vAxis.logScale

true이면 세로축을 대수 배율이 됩니다. 참고: 모든 값은 양수여야 합니다.

유형: boolean
기본값: false
vAxis.maxValue

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

유형: number
기본값: 자동
vAxis.minorGridlines

다음과 같이 세로축의 보조 격자선을 구성하는 구성원이 포함된 객체입니다. vAxis.gridlines 옵션

유형: object
기본값: null
vAxis.minorGridlines.color

차트 영역 내에 있는 세로의 보조 격자선 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: 격자선과 배경 색상의 혼합
vAxis.minorGridlines.count

minorGridlines.count 옵션은 마이너 격자선 사용 중지를 제외하고 대부분 지원 중단되었습니다. 개수를 0로 설정하면 됩니다. 보조 격자선의 수는 기본 격자선과 필요한 최소 공간을 선택할 수 있습니다.

유형: number
기본값: 1
vAxis.minValue

세로축의 최솟값을 지정된 값으로 이동합니다. 가장 낮은 가중치로 대부분의 차트에서 사용할 수 있습니다. 데이터의 최소 y값보다 큰 값으로 설정되면 무시됩니다. vAxis.viewWindow.min는 이 속성을 재정의합니다.

유형: number
기본값: null
vAxis.textPosition

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

유형: string
기본값: 'out'
vAxis.textStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
vAxis.title

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

유형: string
기본값: 제목 없음
vAxis.titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
vAxis.viewWindow

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

유형: object
기본값: null
vAxis.viewWindow.max

렌더링할 최대 카테고리 데이터 값입니다.

vAxis.viewWindowMode가 'pretty'이면 무시됩니다. '최대화됨'이라고도 합니다

유형: number
기본값: auto
vAxis.viewWindow.min

렌더링할 최소 카테고리 데이터 값입니다.

vAxis.viewWindowMode가 'pretty'이면 무시됩니다. '최대화됨'이라고도 합니다

유형: number
기본값: auto

콤보 차트 구성 옵션

이름
areaOpacity

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

유형: number, 0.0- 1.0
기본값: 0.3
backgroundColor

차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열이거나 예: 'red' 또는 '#00cc00', 또는 다음이 포함된 객체 속성

유형: string 또는 object
기본값: 'white'
backgroundColor.fill

HTML 색상 문자열로 된 차트 채우기 색상입니다.

유형: string
기본값: 'white'
chartArea

차트 영역의 위치와 크기를 구성하는 구성원이 포함된 객체입니다 (이 경우 차트 축과 범례를 제외하고 자체가 그려짐). 숫자 또는 숫자 뒤에 %가 표시됩니다. 간단한 숫자는 픽셀 단위이며, 숫자 다음에 % 가 오는 것은 백분율로 표시됩니다. 예: chartArea:{left:20,top:0,width:'50%',height:'75%'}

유형: object
기본값: null
chartArea.backgroundColor
차트 영역 배경 색상입니다. 문자열을 사용하는 경우 16진수 문자열 (예: '#fdc') 또는 영어 색상 이름을 사용할 수 있습니다. 객체가 사용되면 다음 속성이 제공:
  • stroke: 색상으로, 16진수 문자열 또는 영어 색상 이름으로 제공됩니다.
  • strokeWidth: 제공되는 경우 지정된 차트 영역 주위에 테두리를 그립니다. 너비 (및 stroke의 색상)
유형: string 또는 object
기본값: 'white'
chartArea.height

차트 영역 높이

유형: number 또는 string
기본값: auto
chartArea.left

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

유형: number 또는 string
기본값: auto
chartArea.top

위쪽 테두리에서 차트를 그리는 거리입니다.

유형: number 또는 string
기본값: auto
chartArea.width

차트 영역 너비입니다.

유형: number 또는 string
기본값: auto
색상

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

유형: 문자열 배열
기본값: 기본 색상
curveType

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

  • 'none' - 곡선이 없는 직선
  • 'function' - 선의 각도가 부드러워집니다.
유형:string
기본값: 'none'
hAxis

다양한 가로축 요소를 구성하는 구성원이 포함된 객체입니다. 속성 지정 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
유형: object
기본값: null
hAxis.direction

가로축의 값이 증가하는 방향입니다. -1 지정 대상: 값의 순서를 반대로 바꾸면 됩니다.

유형: 1 또는 -1
기본값: 1
hAxis.gridlines

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

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

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
hAxis.gridlines.color

차트 영역 내 가로 격자선의 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: '#CCC'
hAxis.gridlines.count

차트 영역 내에 표시되는 가로 격자선의 대략적인 개수입니다. gridlines.count에 양수를 지정하면 격자선 사이의 minSpacing를 계산하는 데 사용됩니다. 값을 1로 지정하여 격자선을 하나만 그릴 수 있습니다. 또는 0를 사용하여 격자선을 그리지 않습니다. 기본값인 -1를 지정합니다. 격자선 수를 자동으로 계산하기 위해 다른 옵션을 기준으로 선택할 수 있습니다

유형: number
기본값: -1
hAxis.logScale

가로축을 로그 배율로 만드는 hAxis 속성 (모두 필요) 를 입력합니다. '예'인 경우 true로 설정합니다.

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

유형: boolean
기본값: false
hAxis.maxValue

가로축의 최댓값을 지정된 값으로 이동합니다. 오른쪽 상단의 대부분의 차트에서 사용할 수 있습니다. 데이터의 최대 x값보다 작은 값으로 설정되면 무시됩니다. hAxis.viewWindow.max는 이 속성을 재정의합니다.

유형: number
기본값: 자동
hAxis.minorGridlines

가로축의 보조 격자선을 구성하는 구성원이 포함된 객체로, 다음과 같이 hAxis.gridlines 옵션

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
hAxis.minorGridlines.color

차트 영역 내 보조 격자선의 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: 격자선과 배경 색상의 혼합
hAxis.minorGridlines.count

minorGridlines.count 옵션은 마이너 격자선 사용 중지를 제외하고 대부분 지원 중단되었습니다. 0으로 설정합니다. 이제 보조 격자선 수는 데이터 레이크와 주요 격자선 (hAxis.gridlines.interval 참고) 필요한 최소 공간은 hAxis.minorGridlines.minSpacing를 참고하세요.

유형: number
기본값: 1
hAxis.minValue

가로축의 최솟값을 지정된 값으로 이동합니다. 이것은 왼쪽에 있는 대부분의 차트에서 사용할 수 있습니다. 데이터의 최소 x값보다 큰 값으로 설정되면 무시됩니다. hAxis.viewWindow.min는 이 속성을 재정의합니다.

유형: number
기본값: 자동
hAxis.textPosition

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

유형: string
기본값: 'out'
hAxis.textStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
hAxis.title

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

유형: string
기본값: null
hAxis.titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
hAxis.viewWindow

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

유형: object
기본값: null
hAxis.viewWindow.max

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

hAxis.viewWindowMode이 'pretty' 또는 'maximized'이면 무시됩니다.

유형: number
기본값: auto
hAxis.viewWindow.min

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

hAxis.viewWindowMode이 'pretty' 또는 'maximized'이면 무시됩니다.

유형: number
기본값: auto
높이

픽셀 단위의 차트 높이입니다.

유형: number
기본값: 포함하는 요소의 높이
interpolateNulls

누락된 포인트의 값을 추측할지 여부입니다. true인 경우 다음을 추측합니다. 누락된 데이터의 값을 계산할 수 있습니다. false인 경우 다음을 실행합니다. 알 수 없는 지점에 줄에서 중단을 남깁니다.

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

유형: boolean
기본값: false
isStacked

true로 설정하면 각 도메인 값에서 모든 계열의 요소를 스택합니다. 참고: 열, 영역 SteppedArea 차트, Google 차트는 범례 항목의 순서를 역순으로 정렬하여 차트 누적 계열 요소 (예: 계열 0이 맨 아래 범례 항목이 됨). 이 은 적용되지 않습니다. 막대 차트.

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

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

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

100% 누적의 경우 각 요소의 계산된 값은 실제 값입니다.

대상 축은 기본적으로 0~1의 상대적인 비율에 따라 값을 분수로 표시합니다. 'relative'의 경우 1, 'percent'의 경우 0~100% (참고: 'percent' 옵션을 사용하는 경우 축/틱 값은 백분율로 표시되지만 실제 값은 상대적인 0~1 척도 값입니다. 이는 백분율 축 눈금이 '#.##%' 형식을 적용한 결과이기 때문입니다. ~ 상대적인 0~1 배율 값을 나타냅니다. isStacked: 'percent' 사용 시 상대적인 0~1 배율 값을 사용하여 눈금/격자선을 지정합니다. 사용자는 격자선/눈금 값 및 서식을 적절한 hAxis/vAxis 옵션을 사용하여 지정해야 합니다.

100% 스택은 number 유형의 데이터 값만 지원하며 기준선은 0입니다

유형: boolean/string
기본값: false
범례

범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 홈 디렉터리의 속성을 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
유형: object
기본값: null
legend.position

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

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

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
lineWidth

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

유형: number
기본값: 2
pointShape

개별 데이터 요소의 모양: 'circle', 'triangle', 'square', 'diamond', 'star', 'polygon' 자세한 내용은 <ph type="x-smartling-placeholder"></ph> 포인트 문서 를 참고하세요.

유형: string
기본값: 'circle'
pointSize

표시된 지점의 지름(픽셀)입니다. 모든 점을 숨기려면 0을 사용합니다. 값을 재정의할 수 있습니다. series 속성을 사용하여 개별 계열에 적용됩니다. Google Cloud로 트렌드라인 재정의하지 않는 한 pointSize 옵션은 추세선 너비에 영향을 미칩니다. trendlines.n.pointsize 옵션을 사용하면 됩니다.

유형: number
기본값: 0
reverseCategories

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

이 옵션은 discrete 드림 major 축.

유형: boolean
기본값: false
시리즈

객체의 배열로, 각각 차트의 해당 계열 형식을 설명합니다. 기본값 사용 값을 반환하려면 빈 객체 {}를 지정하세요. 계열 또는 값을 지정하지 않으면 전역 값이 사용됩니다. 각 객체는 다음과 같은 속성을 지원합니다.

  • 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 값을 재정의합니다. Google Cloud 시리즈를 확인해 보세요
  • lineWidth - 이 시리즈의 전역 lineWidth 값을 재정의합니다.
  • pointShape - 이 속성의 전역 pointShape 값을 재정의합니다. Google Cloud 시리즈를 확인해 보세요
  • pointSize - 이 시리즈의 전역 pointSize 값을 재정의합니다.
  • pointsVisible - 이 속성의 전역 pointsVisible 값을 재정의합니다. Google Cloud 시리즈를 확인해 보세요
  • risingColor.fill - 전역 이 시리즈의 candlestick.risingColor.fill 값입니다.
  • risingColor.stroke - 전역 이 시리즈의 candlestick.risingColor.stroke 값입니다.
  • risingColor.strokeWidth - 전역 이 시리즈의 candlestick.risingColor.strokeWidth 값입니다.
  • targetAxisIndex: 이 계열을 할당할 축입니다. 여기서 0는 기본값입니다. 축이고 1은 반대 축입니다. 기본값은 0입니다. 1로 설정하여 여러 계열이 다른 축에 대해 렌더링됩니다. 계열을 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}
}
유형: 객체의 배열 또는 중첩된 객체가 있는 객체
기본값: {}
부제목

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

유형: string
기본값: 제목 없음
subtitleTextStyle

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
테마

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

  • 'maximized' - 차트의 영역을 최대화하고 범례와 모든 라벨을 그립니다. 드래그 앤 드롭합니다.
유형: string
기본값: null
제목

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

유형: string
기본값: 제목 없음
titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
useFirstColumnAsDomain

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

유형: boolean
vAxes

차트에 여러 개의 세로 축이 있는 경우 개별 세로 축의 속성을 지정합니다. 각 하위 객체는 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
  }
]
유형: 객체의 배열 또는 하위 객체가 있는 객체
기본값: null
vAxis

다양한 세로축 요소를 구성하는 구성원이 포함된 객체입니다. 홈 디렉터리의 속성을 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
유형: object
기본값: null
vAxis.direction

세로축의 값이 증가하는 방향입니다. 기본적으로 낮은 값은 차트 하단에 표시됩니다. -1 지정 대상: 값의 순서를 반대로 바꾸면 됩니다.

유형: 1 또는 -1
기본값: 1
vAxis.gridlines

세로축의 격자선을 구성하는 구성원이 포함된 객체입니다. 세로축 격자선은 가로로 그려집니다. 속성 지정 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

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

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
vAxis.gridlines.color

차트 영역 내 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요.

유형: string
기본값: '#CCC'
vAxis.gridlines.count

차트 영역 내에 표시되는 가로 격자선의 대략적인 개수입니다. gridlines.count에 양수를 지정하면 격자선 사이의 minSpacing를 계산하는 데 사용됩니다. 값을 1로 지정하여 격자선을 하나만 그릴 수 있습니다. 또는 0를 사용하여 격자선을 그리지 않습니다. 기본값인 -1를 지정합니다. 격자선 수를 자동으로 계산하기 위해 다른 옵션을 기준으로 선택할 수 있습니다

유형: number
기본값: -1
vAxis.logScale

true이면 세로축을 대수 배율이 됩니다. 참고: 모든 값은 양수여야 합니다.

유형: boolean
기본값: false
vAxis.maxValue

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

유형: number
기본값: 자동
vAxis.minorGridlines

다음과 같이 세로축의 보조 격자선을 구성하는 구성원이 포함된 객체입니다. vAxis.gridlines 옵션

유형: object
기본값: null
vAxis.minorGridlines.color

차트 영역 내에 있는 세로의 보조 격자선 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: 격자선과 배경 색상의 혼합
vAxis.minorGridlines.count

minorGridlines.count 옵션은 마이너 격자선 사용 중지를 제외하고 대부분 지원 중단되었습니다. 개수를 0로 설정하면 됩니다. 보조 격자선의 수는 기본 격자선과 필요한 최소 공간을 선택할 수 있습니다.

유형: number
기본값: 1
vAxis.minValue

세로축의 최솟값을 지정된 값으로 이동합니다. 가장 낮은 가중치로 대부분의 차트에서 사용할 수 있습니다. 데이터의 최소 y값보다 큰 값으로 설정되면 무시됩니다. vAxis.viewWindow.min는 이 속성을 재정의합니다.

유형: number
기본값: null
vAxis.textPosition

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

유형: string
기본값: 'out'
vAxis.textStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
vAxis.title

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

유형: string
기본값: 제목 없음
vAxis.titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
vAxis.viewWindow

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

유형: object
기본값: null
vAxis.viewWindow.max

렌더링할 최대 카테고리 데이터 값입니다.

vAxis.viewWindowMode가 'pretty'이면 무시됩니다. '최대화됨'이라고도 합니다

유형: number
기본값: auto
vAxis.viewWindow.min

렌더링할 최소 카테고리 데이터 값입니다.

vAxis.viewWindowMode가 'pretty'이면 무시됩니다. '최대화됨'이라고도 합니다

유형: number
기본값: auto

게이지 구성 옵션

이름
greenColor

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

유형: string
기본값: '#109618'
greenFrom

녹색으로 표시된 범위의 가장 낮은 값입니다.

유형: number
기본값: 없음
greenTo

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

유형: number
기본값: 없음
높이

픽셀 단위의 차트 높이입니다.

유형: number
기본값: 컨테이너의 너비
최대

Y축에 표시할 최댓값입니다. 최대 데이터 포인트가 이 값을 초과하면 설정이 무시되고 다음 주요 눈금 표시를 표시하도록 차트가 조정됨 최대 데이터 포인트보다 높아야 합니다 이는 지정된 Y축 최댓값보다 아티스트: scaleType

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

유형: number
기본값: 자동
분

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

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

유형: number
기본값: 자동
redColor

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

유형: string
기본값: '#DC3912'
redFrom

빨간색으로 표시된 범위의 가장 낮은 값입니다.

유형: number
기본값: 없음
redTo

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

유형: number
기본값: 없음
너비

픽셀 단위의 차트 너비입니다.

유형: number
기본값: 컨테이너의 너비
yellowColor

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

유형: string
기본값: '#FF9900'
yellowFrom

노란색으로 표시된 범위의 가장 낮은 값입니다.

유형: number
기본값: 없음
yellowTo

범위에서 가장 높은 값(노란색으로 표시)입니다.

유형: number
기본값: 없음

Geochart 구성 옵션

이름
backgroundColor

차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열이거나 예: 'red' 또는 '#00cc00', 또는 다음이 포함된 객체 속성

유형: string 또는 object
기본값: 'white'
backgroundColor.fill

HTML 색상 문자열로 된 차트 채우기 색상입니다.

유형: string
기본값: 'white'
datalessRegionColor

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

유형: string
기본값: '#F5F5F5'
defaultColor

위치정보 차트의 데이터 포인트에 사용할 색상입니다. (예: 'US')이 있지만 값이 null 또는 지정되지 않았습니다. 이는 색상인 datalessRegionColor와 구별됩니다. 사용되지 않을 때 사용됩니다

유형: string
기본값: '#267114'
displayMode

어떤 유형의 지리 정보 차트인지를 나타냅니다. DataTable 형식은 지정된 값과 일치해야 합니다. 이 다음 값이 지원됩니다.

  • 'auto' - DataTable의 형식에 따라 선택합니다.
  • 'regions' - 지역 차트에서 지역의 색상을 지정합니다.
  • 'markers' - 지역에 마커를 배치합니다.
  • 'text' - DataTable의 텍스트로 영역에 라벨을 지정합니다.
유형: string
기본값: 'auto'
높이

픽셀 단위의 차트 높이입니다.

유형: number
기본값: 포함하는 요소의 높이
범례

범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 홈 디렉터리의 속성을 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
유형: object
기본값: null
legendTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
지역

지역 차트에 표시할 영역입니다. 주변 영역도 표시됩니다. 가능 다음 중 하나:

  • 'world' - 전 세계의 지리 차트입니다.
  • 대륙 또는 아대륙. 3자리 코드(예: 서아프리카는 '011'입니다.
  • 국가는 ISO 3166-1 alpha-2 코드 예: 오스트레일리아는 'AU'입니다.
  • 미국의 주로서 ISO 3166-2:US 코드(예: 앨라배마: 'US-AL' resolution 옵션은 'provinces' 또는 'metros'입니다.
유형: string
기본값: 'world'
너비

픽셀 단위의 차트 너비입니다.

유형: number
기본값: 포함하는 요소의 너비

히스토그램 구성 옵션

이름
backgroundColor

차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열이거나 예: 'red' 또는 '#00cc00', 또는 다음이 포함된 객체 속성

유형: string 또는 object
기본값: 'white'
backgroundColor.fill

HTML 색상 문자열로 된 차트 채우기 색상입니다.

유형: string
기본값: 'white'
chartArea

차트 영역의 위치와 크기를 구성하는 구성원이 포함된 객체입니다 (이 경우 차트 축과 범례를 제외하고 자체가 그려짐). 숫자 또는 숫자 뒤에 %가 표시됩니다. 간단한 숫자는 픽셀 단위이며, 숫자 다음에 % 가 오는 것은 백분율로 표시됩니다. 예: chartArea:{left:20,top:0,width:'50%',height:'75%'}

유형: object
기본값: null
chartArea.backgroundColor
차트 영역 배경 색상입니다. 문자열을 사용하는 경우 16진수 문자열 (예: '#fdc') 또는 영어 색상 이름을 사용할 수 있습니다. 객체가 사용되면 다음 속성이 제공:
  • stroke: 색상으로, 16진수 문자열 또는 영어 색상 이름으로 제공됩니다.
  • strokeWidth: 제공되는 경우 지정된 차트 영역 주위에 테두리를 그립니다. 너비 (및 stroke의 색상)
유형: string 또는 object/div>
기본값: 'white'
chartArea.height

차트 영역 높이

유형: number 또는 string
기본값: auto
chartArea.left

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

유형: number 또는 string
기본값: auto
chartArea.top

위쪽 테두리에서 차트를 그리는 거리입니다.

유형: number 또는 string
기본값: auto
chartArea.width

차트 영역 너비입니다.

유형: number 또는 string
기본값: auto
색상

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

유형: 문자열 배열
기본값: 기본 색상
hAxis

다양한 가로축 요소를 구성하는 구성원이 포함된 객체입니다. 속성 지정 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
유형: object
기본값: null
hAxis.gridlines

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

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

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
hAxis.gridlines.color

차트 영역 내 가로 격자선의 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: '#CCC'
hAxis.gridlines.count

차트 영역 내에 표시되는 가로 격자선의 대략적인 개수입니다. gridlines.count에 양수를 지정하면 격자선 사이의 minSpacing를 계산하는 데 사용됩니다. 값을 1로 지정하여 격자선을 하나만 그릴 수 있습니다. 또는 0를 사용하여 격자선을 그리지 않습니다. 기본값인 -1를 지정합니다. 격자선 수를 자동으로 계산하기 위해 다른 옵션을 기준으로 선택할 수 있습니다

유형: number
기본값: -1
hAxis.minorGridlines

가로축의 보조 격자선을 구성하는 구성원이 포함된 객체로, 다음과 같이 hAxis.gridlines 옵션

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
hAxis.minorGridlines.color

차트 영역 내 보조 격자선의 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: 격자선과 배경 색상의 혼합
hAxis.minorGridlines.count

minorGridlines.count 옵션은 마이너 격자선 사용 중지를 제외하고 대부분 지원 중단되었습니다. 0으로 설정합니다. 이제 보조 격자선 수는 데이터 레이크와 주요 격자선 (hAxis.gridlines.interval 참고) 필요한 최소 공간은 hAxis.minorGridlines.minSpacing를 참고하세요.

유형: number
기본값: 1
hAxis.textPosition

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

유형: string
기본값: 'out'
hAxis.textStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
hAxis.title

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

유형: string
기본값: null
hAxis.titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
hAxis.viewWindow

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

유형: object
기본값: null
hAxis.viewWindow.max

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

hAxis.viewWindowMode이 'pretty' 또는 'maximized'이면 무시됩니다.

유형: number
기본값: auto
hAxis.viewWindow.min

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

hAxis.viewWindowMode이 'pretty' 또는 'maximized'이면 무시됩니다.

유형: number
기본값: auto
높이

픽셀 단위의 차트 높이입니다.

유형: number
기본값: 포함하는 요소의 높이
histogram.bucketSize

각 히스토그램 막대의 크기를 결정하도록 두지 않고 하드코딩 생성합니다.

유형: number
기본값: auto
histogram.hideBucketItems

히스토그램 블록 사이의 얇은 분할을 생략하여 일련의 표시됩니다.

유형: boolean
기본값: false
histogram.lastBucketPercentile

히스토그램의 버킷 크기를 계산할 때 상단과 하단을 무시하세요. lastBucketPercentile퍼센트입니다. 값은 여전히 히스토그램에 포함되지만 버케팅에는 영향을 미치지 않습니다.

유형: number
기본값: 0
interpolateNulls

누락된 포인트의 값을 추측할지 여부입니다. true인 경우 다음을 추측합니다. 누락된 데이터의 값을 계산할 수 있습니다. false인 경우 다음을 실행합니다. 알 수 없는 지점에 줄에서 중단을 남깁니다.

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

유형: boolean
기본값: false
isStacked

true로 설정하면 각 도메인 값에서 모든 계열의 요소를 스택합니다. 참고: 열, 영역 SteppedArea 차트, Google 차트는 범례 항목의 순서를 역순으로 정렬하여 차트 누적 계열 요소 (예: 계열 0이 맨 아래 범례 항목이 됨). 이 은 적용되지 않습니다. 막대 차트.

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

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

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

100% 누적의 경우 각 요소의 계산된 값은 실제 값입니다.

대상 축은 기본적으로 0~1의 상대적인 비율에 따라 값을 분수로 표시합니다. 'relative'의 경우 1, 'percent'의 경우 0~100% (참고: 'percent' 옵션을 사용하는 경우 축/틱 값은 백분율로 표시되지만 실제 값은 상대적인 0~1 척도 값입니다. 이는 백분율 축 눈금이 '#.##%' 형식을 적용한 결과이기 때문입니다. ~ 상대적인 0~1 배율 값을 나타냅니다. isStacked: 'percent' 사용 시 상대적인 0~1 배율 값을 사용하여 눈금/격자선을 지정합니다. 사용자는 격자선/눈금 값 및 서식을 적절한 hAxis/vAxis 옵션을 사용하여 지정해야 합니다.

100% 스택은 number 유형의 데이터 값만 지원하며 기준선은 0입니다

유형: boolean/string
기본값: false
범례

범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 홈 디렉터리의 속성을 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
유형: object
기본값: null
legend.position

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

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

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
reverseCategories

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

이 옵션은 discrete 드림 major 축.

유형: boolean
기본값: false
시리즈

객체의 배열로, 각각 차트의 해당 계열 형식을 설명합니다. 사용 방법 계열의 기본값을 변경하려면 빈 객체 {}를 지정하세요. 계열 또는 값을 지정하지 않으면 전역 값이 사용됩니다. 각 객체는 다음과 같은 속성을 지원합니다.

  • color - 이 계열에 사용할 색상입니다. 유효한 HTML 색상 문자열을 지정하세요.
  • labelInLegend - 차트 범례에 표시할 계열의 설명입니다.
  • targetAxisIndex: 이 계열을 할당할 축입니다. 여기서 0는 기본값입니다. 축이고 1은 반대 축입니다. 기본값은 0입니다. 1로 설정하여 여러 계열이 다른 축에 대해 렌더링됩니다. 계열을 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}
}
유형: 객체의 배열 또는 중첩된 객체가 있는 객체
기본값: {}
부제목

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

유형: string
기본값: 제목 없음
subtitleTextStyle

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
테마

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

  • 'maximized' - 차트의 영역을 최대화하고 범례와 모든 라벨을 그립니다. 드래그 앤 드롭합니다.
유형: string
기본값: null
제목

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

유형: string
기본값: 제목 없음
titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
useFirstColumnAsDomain

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

유형: boolean
vAxes

차트에 여러 개의 세로 축이 있는 경우 개별 세로 축의 속성을 지정합니다. 각 하위 객체는 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
  }
]
유형: 객체의 배열 또는 하위 객체가 있는 객체
기본값: null
vAxis

다양한 세로축 요소를 구성하는 구성원이 포함된 객체입니다. 홈 디렉터리의 속성을 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
유형: object
기본값: null
vAxis.direction

세로축의 값이 증가하는 방향입니다. 기본적으로 낮은 값은 차트 하단에 표시됩니다. -1 지정 대상: 값의 순서를 반대로 바꾸면 됩니다.

유형: 1 또는 -1
기본값: 1
vAxis.gridlines

세로축의 격자선을 구성하는 구성원이 포함된 객체입니다. 세로축 격자선은 가로로 그려집니다. 속성 지정 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

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

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
vAxis.gridlines.color

차트 영역 내 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요.

유형: string
기본값: '#CCC'
vAxis.gridlines.count

차트 영역 내에 표시되는 가로 격자선의 대략적인 개수입니다. gridlines.count에 양수를 지정하면 격자선 사이의 minSpacing를 계산하는 데 사용됩니다. 값을 1로 지정하여 격자선을 하나만 그릴 수 있습니다. 또는 0를 사용하여 격자선을 그리지 않습니다. 기본값인 -1를 지정합니다. 격자선 수를 자동으로 계산하기 위해 다른 옵션을 기준으로 선택할 수 있습니다

유형: number
기본값: -1
vAxis.logScale

true이면 세로축을 대수 배율이 됩니다. 참고: 모든 값은 양수여야 합니다.

유형: boolean
기본값: false
vAxis.maxValue

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

유형: number
기본값: 자동
vAxis.minorGridlines

다음과 같이 세로축의 보조 격자선을 구성하는 구성원이 포함된 객체입니다. vAxis.gridlines 옵션

유형: object
기본값: null
vAxis.minorGridlines.color

차트 영역 내에 있는 세로의 보조 격자선 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: 격자선과 배경 색상의 혼합
vAxis.minorGridlines.count

minorGridlines.count 옵션은 마이너 격자선 사용 중지를 제외하고 대부분 지원 중단되었습니다. 개수를 0로 설정하면 됩니다. 보조 격자선의 수는 기본 격자선과 필요한 최소 공간을 선택할 수 있습니다.

유형: number
기본값: 1
vAxis.minValue

세로축의 최솟값을 지정된 값으로 이동합니다. 가장 낮은 가중치로 대부분의 차트에서 사용할 수 있습니다. 데이터의 최소 y값보다 큰 값으로 설정되면 무시됩니다. vAxis.viewWindow.min는 이 속성을 재정의합니다.

유형: number
기본값: null
vAxis.textPosition

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

유형: string
기본값: 'out'
vAxis.textStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
vAxis.title

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

유형: string
기본값: 제목 없음
vAxis.titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
vAxis.viewWindow

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

유형: object
기본값: null
vAxis.viewWindow.max

렌더링할 최대 카테고리 데이터 값입니다.

vAxis.viewWindowMode가 'pretty'이면 무시됩니다. '최대화됨'이라고도 합니다

유형: number
기본값: auto
vAxis.viewWindow.min

렌더링할 최소 카테고리 데이터 값입니다.

vAxis.viewWindowMode가 'pretty'이면 무시됩니다. '최대화됨'이라고도 합니다

유형: number
기본값: auto
너비

픽셀 단위의 차트 너비입니다.

유형: number
기본값: 포함하는 요소의 너비

선 차트 구성 옵션

이름
backgroundColor

차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열이거나 예: 'red' 또는 '#00cc00', 또는 다음이 포함된 객체 속성

유형: string 또는 object
기본값: 'white'
backgroundColor.fill

HTML 색상 문자열로 된 차트 채우기 색상입니다.

유형: string
기본값: 'white'
chartArea

차트 영역의 위치와 크기를 구성하는 구성원이 포함된 객체입니다 (이 경우 차트 축과 범례를 제외하고 자체가 그려짐). 숫자 또는 숫자 뒤에 %가 표시됩니다. 간단한 숫자는 픽셀 단위이며, 숫자 다음에 % 가 오는 것은 백분율로 표시됩니다. 예: chartArea:{left:20,top:0,width:'50%',height:'75%'}

유형: object
기본값: null
chartArea.backgroundColor
차트 영역 배경 색상입니다. 문자열을 사용하는 경우 16진수 문자열 (예: '#fdc') 또는 영어 색상 이름을 사용할 수 있습니다. 객체가 사용되면 다음 속성이 제공:
  • stroke: 색상으로, 16진수 문자열 또는 영어 색상 이름으로 제공됩니다.
  • strokeWidth: 제공되는 경우 지정된 차트 영역 주위에 테두리를 그립니다. 너비 (및 stroke의 색상)
유형: string 또는 object
기본값: 'white'
chartArea.height

차트 영역 높이

유형: number 또는 string
기본값: auto
chartArea.left

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

유형: number 또는 string
기본값: auto
chartArea.top

위쪽 테두리에서 차트를 그리는 거리입니다.

유형: number 또는 string
기본값: auto
chartArea.width

차트 영역 너비입니다.

유형: number 또는 string
기본값: auto
색상

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

유형: 문자열 배열
기본값: 기본 색상
curveType

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

  • 'none' - 곡선이 없는 직선
  • 'function' - 선의 각도가 부드러워집니다.
유형: string
기본값: 'none'
hAxis

다양한 가로축 요소를 구성하는 구성원이 포함된 객체입니다. 속성 지정 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
유형: object
기본값: null
hAxis.direction

가로축의 값이 증가하는 방향입니다. -1 지정 대상: 값의 순서를 반대로 바꾸면 됩니다.

유형: 1 또는 -1
기본값: 1
hAxis.gridlines

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

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

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
hAxis.gridlines.color

차트 영역 내 가로 격자선의 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: '#CCC'
hAxis.gridlines.count

차트 영역 내에 표시되는 가로 격자선의 대략적인 개수입니다. gridlines.count에 양수를 지정하면 격자선 사이의 minSpacing를 계산하는 데 사용됩니다. 값을 1로 지정하여 격자선을 하나만 그릴 수 있습니다. 또는 0를 사용하여 격자선을 그리지 않습니다. 기본값인 -1를 지정합니다. 격자선 수를 자동으로 계산하기 위해 다른 옵션을 기준으로 선택할 수 있습니다

유형: number
기본값: -1
hAxis.logScale

가로축을 로그 배율로 만드는 hAxis 속성 (모두 필요) 를 입력합니다. '예'인 경우 true로 설정합니다.

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

유형: boolean
기본값: false
hAxis.maxValue

가로축의 최댓값을 지정된 값으로 이동합니다. 오른쪽 상단의 대부분의 차트에서 사용할 수 있습니다. 데이터의 최대 x값보다 작은 값으로 설정되면 무시됩니다. hAxis.viewWindow.max는 이 속성을 재정의합니다.

유형: number
기본값: 자동
hAxis.minorGridlines

가로축의 보조 격자선을 구성하는 구성원이 포함된 객체로, 다음과 같이 hAxis.gridlines 옵션

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
hAxis.minorGridlines.color

차트 영역 내에 있는 보조 격자선의 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형:string
기본값: 격자선과 배경 색상의 혼합
hAxis.minorGridlines.count

minorGridlines.count 옵션은 마이너 격자선 사용 중지를 제외하고 대부분 지원 중단되었습니다. 0으로 설정합니다. 이제 보조 격자선 수는 데이터 레이크와 주요 격자선 (hAxis.gridlines.interval 참고) 필요한 최소 공간은 hAxis.minorGridlines.minSpacing를 참고하세요.

유형: number
기본값: 1
hAxis.minValue

가로축의 최솟값을 지정된 값으로 이동합니다. 이것은 왼쪽에 있는 대부분의 차트에서 사용할 수 있습니다. 데이터의 최소 x값보다 큰 값으로 설정되면 무시됩니다. hAxis.viewWindow.min는 이 속성을 재정의합니다.

유형: number
기본값: 자동
hAxis.textPosition

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

유형: string
기본값: 'out'
hAxis.textStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
hAxis.title

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

유형: string
기본값: null
hAxis.titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
hAxis.viewWindow

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

유형: object
기본값: null
hAxis.viewWindow.max

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

hAxis.viewWindowMode이 'pretty' 또는 'maximized'이면 무시됩니다.

유형: number
기본값: auto
hAxis.viewWindow.min

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

hAxis.viewWindowMode이 'pretty' 또는 'maximized'이면 무시됩니다.

유형: number
기본값: auto
높이

픽셀 단위의 차트 높이입니다.

유형: number
기본값: 포함하는 요소의 높이
interpolateNulls

누락된 포인트의 값을 추측할지 여부입니다. true인 경우 다음을 추측합니다. 누락된 데이터의 값을 계산할 수 있습니다. false인 경우 다음을 실행합니다. 알 수 없는 지점에 줄에서 중단을 남깁니다.

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

유형: boolean
기본값: false
범례

범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 홈 디렉터리의 속성을 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
유형: object
기본값: null
legend.position

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

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

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
lineWidth

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

유형: number
기본값: 2
pointShape

개별 데이터 요소의 모양: 'circle', 'triangle', 'square', 'diamond', 'star', 'polygon' 자세한 내용은 <ph type="x-smartling-placeholder"></ph> 포인트 문서 를 참고하세요.

유형: string
기본값: 'circle'
pointSize

표시된 지점의 지름(픽셀)입니다. 모든 점을 숨기려면 0을 사용합니다. 값을 재정의할 수 있습니다. series 속성을 사용하여 개별 계열에 적용됩니다. Google Cloud로 트렌드라인 재정의하지 않는 한 pointSize 옵션은 추세선 너비에 영향을 미칩니다. trendlines.n.pointsize 옵션을 사용하면 됩니다.

유형: number
기본값: 0
reverseCategories

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

이 옵션은 discrete 드림 major 축.

유형: boolean
기본값: false
시리즈

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

  • annotations - 이 시리즈의 주석에 적용할 객체입니다. 이 예를 들어 시리즈의 textStyle를 제어하는 데 사용할 수 있습니다. 

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

    사용 가능한 기능의 전체 목록은 다양한 annotations 옵션을 참고하세요. 맞춤설정할 수 있습니다.

  • type - 이 시리즈의 마커 유형입니다. 유효한 값은 'line', 'area', 'bars' 및 'steppedArea'라는 새 필드가 있습니다. 막대는 실제로 (열). 기본값은 차트의 seriesType 옵션으로 지정됩니다.
  • color - 이 계열에 사용할 색상입니다. 유효한 HTML 색상 문자열을 지정하세요.
  • curveType - 이 시리즈의 전역 curveType 값을 재정의합니다.
  • labelInLegend - 차트 범례에 표시할 계열의 설명입니다.
  • lineDashStyle - 이 속성의 전역 lineDashStyle 값을 재정의합니다. Google Cloud 시리즈를 확인해 보세요
  • lineWidth - 이 시리즈의 전역 lineWidth 값을 재정의합니다.
  • pointShape - 이 속성의 전역 pointShape 값을 재정의합니다. Google Cloud 시리즈를 확인해 보세요
  • pointSize - 이 시리즈의 전역 pointSize 값을 재정의합니다.
  • pointsVisible - 이 속성의 전역 pointsVisible 값을 재정의합니다. Google Cloud 시리즈를 확인해 보세요
  • targetAxisIndex: 이 계열을 할당할 축입니다. 여기서 0는 기본값입니다. 축이고 1은 반대 축입니다. 기본값은 0입니다. 1로 설정하여 여러 계열이 다른 축에 대해 렌더링됩니다. 계열을 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}
}
유형: 객체의 배열 또는 중첩된 객체가 있는 객체
기본값: {}
부제목

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

유형: string
기본값: 제목 없음
subtitleTextStyle

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
테마

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

  • 'maximized' - 차트의 영역을 최대화하고 범례와 모든 라벨을 그립니다. 드래그 앤 드롭합니다.
유형: string
기본값: null
제목

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

유형: string
기본값: 제목 없음
titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
treatLabelsAsText

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

유형: boolean
추세선

디스플레이 <ph type="x-smartling-placeholder"></ph> 추세선 를 통해 개인정보처리방침을 정의할 수 있습니다. 압도하고는 할 수 없습니다 기본적으로 linear 추세선은 다음과 같습니다. trendlines.n.type 옵션을 사용하여 맞춤설정할 수 있습니다.

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

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
유형: object
기본값: null
trendlines.n.color

이 <ph type="x-smartling-placeholder"></ph> 추세선 , 영어 색상 이름 또는 16진수 문자열로 표현됩니다.

유형: string
기본값: 기본 계열 색상
trendlines.n.degree

대상 <ph type="x-smartling-placeholder"></ph> 추세선 를 통해 개인정보처리방침을 정의할 수 있습니다. type: 'polynomial'의 경우, 다항식의 차수 (2의 경우 2차, 3차의 경우 3 등).

유형: number
기본값: 3
trendlines.n.labelInLegend

설정된 경우 <ph type="x-smartling-placeholder"></ph> 추세선 를 통해 개인정보처리방침을 정의할 수 있습니다. 범례에 이 문자열로 표시됩니다.

유형: string
기본값: null
trendlines.n.lineWidth

대상의 선 너비입니다. <ph type="x-smartling-placeholder"></ph> 추세선 (단위: 픽셀)로 표시합니다.

유형: number
기본값: 2
trendlines.n.type

<ph type="x-smartling-placeholder"></ph> 추세선 를 통해 개인정보처리방침을 정의할 수 있습니다. 'linear' (기본값), 'exponential' 또는 'polynomial'입니다.

유형: string
기본값: linear
trendlines.n.visibleInLegend

<ph type="x-smartling-placeholder"></ph> 추세선 를 통해 개인정보처리방침을 정의할 수 있습니다. 표시됩니다. 추세선 도움말에 표시됩니다.

유형: boolean
기본값: false
useFirstColumnAsDomain

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

유형: boolean
vAxes

차트에 여러 개의 세로 축이 있는 경우 개별 세로 축의 속성을 지정합니다. 각 하위 객체는 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
  }
]
유형: 객체의 배열 또는 하위 객체가 있는 객체
기본값: null
vAxis

다양한 세로축 요소를 구성하는 구성원이 포함된 객체입니다. 홈 디렉터리의 속성을 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
유형: object
기본값: null
vAxis.direction

세로축의 값이 증가하는 방향입니다. 기본적으로 낮은 값은 차트 하단에 표시됩니다. -1 지정 대상: 값의 순서를 반대로 바꾸면 됩니다.

유형: 1 또는 -1
기본값: 1
vAxis.gridlines

세로축의 격자선을 구성하는 구성원이 포함된 객체입니다. 세로축 격자선은 가로로 그려집니다. 속성 지정 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

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

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
vAxis.gridlines.color

차트 영역 내 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요.

유형: string
기본값: '#CCC'
vAxis.gridlines.count

차트 영역 내에 표시되는 가로 격자선의 대략적인 개수입니다. gridlines.count에 양수를 지정하면 격자선 사이의 minSpacing를 계산하는 데 사용됩니다. 값을 1로 지정하여 격자선을 하나만 그릴 수 있습니다. 또는 0를 사용하여 격자선을 그리지 않습니다. 기본값인 -1를 지정합니다. 격자선 수를 자동으로 계산하기 위해 다른 옵션을 기준으로 선택할 수 있습니다

유형: number
기본값: -1
vAxis.logScale

true이면 세로축을 대수 배율이 됩니다. 참고: 모든 값은 양수여야 합니다.

유형: boolean
기본값: false
vAxis.maxValue

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

유형: number
기본값: 자동
vAxis.minorGridlines

다음과 같이 세로축의 보조 격자선을 구성하는 구성원이 포함된 객체입니다. vAxis.gridlines 옵션

유형: object
기본값: null
vAxis.minorGridlines.color

차트 영역 내에 있는 세로의 보조 격자선 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: 격자선과 배경 색상의 혼합
vAxis.minorGridlines.count

minorGridlines.count 옵션은 마이너 격자선 사용 중지를 제외하고 대부분 지원 중단되었습니다. 개수를 0로 설정하면 됩니다. 보조 격자선의 수는 기본 격자선과 필요한 최소 공간을 선택할 수 있습니다.

유형: number
기본값: 1
vAxis.minValue

세로축의 최솟값을 지정된 값으로 이동합니다. 가장 낮은 가중치로 대부분의 차트에서 사용할 수 있습니다. 데이터의 최소 y값보다 큰 값으로 설정되면 무시됩니다. vAxis.viewWindow.min는 이 속성을 재정의합니다.

유형: number
기본값: null
vAxis.textPosition

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

유형: string
기본값: 'out'
vAxis.textStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
vAxis.title

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

유형: string
기본값: 제목 없음
vAxis.titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
vAxis.viewWindow

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

유형: object
기본값: null
vAxis.viewWindow.max

렌더링할 최대 카테고리 데이터 값입니다.

vAxis.viewWindowMode가 'pretty'이면 무시됩니다. '최대화됨'이라고도 합니다

유형: number
기본값: auto
vAxis.viewWindow.min

렌더링할 최소 카테고리 데이터 값입니다.

vAxis.viewWindowMode가 'pretty'이면 무시됩니다. '최대화됨'이라고도 합니다

유형: number
기본값: auto

조직 차트 구성 옵션

이름
색상

조직 차트 요소의 배경 색상입니다.

유형: string
기본값: '#edf7ff'
selectionColor

선택한 조직 차트 요소의 배경 색상입니다.

유형: string
기본값: '#d6e9f8'
크기

차트의 전체 크기입니다. 옵션에는 'small', 'medium', 'large'가 있습니다.

유형: string
기본값: 'medium'

원형 차트 구성 옵션

이름
backgroundColor

차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열이거나 예: 'red' 또는 '#00cc00', 또는 다음이 포함된 객체 속성

유형: string 또는 object
기본값: 'white'
backgroundColor.fill

HTML 색상 문자열로 된 차트 채우기 색상입니다.

유형: string
기본값: 'white'
chartArea

차트 영역의 위치와 크기를 구성하는 구성원이 포함된 객체입니다 (이 경우 차트 축과 범례를 제외하고 자체가 그려짐). 숫자 또는 숫자 뒤에 %가 표시됩니다. 간단한 숫자는 픽셀 단위이며, 숫자 다음에 % 가 오는 것은 백분율로 표시됩니다. 예: chartArea:{left:20,top:0,width:'50%',height:'75%'}

유형: object
기본값: null
chartArea.backgroundColor
차트 영역 배경 색상입니다. 문자열을 사용하는 경우 16진수 문자열 (예: '#fdc') 또는 영어 색상 이름을 사용할 수 있습니다. 객체가 사용되면 다음 속성이 제공:
  • stroke: 색상으로, 16진수 문자열 또는 영어 색상 이름으로 제공됩니다.
  • strokeWidth: 제공되는 경우 지정된 차트 영역 주위에 테두리를 그립니다. 너비 (및 stroke의 색상)
유형: string 또는 object
기본값: 'white'
chartArea.height

차트 영역 높이

유형: number 또는 string
기본값: auto
chartArea.left

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

유형: number 또는 string
기본값: auto
chartArea.top

위쪽 테두리에서 차트를 그리는 거리입니다.

유형: number 또는 string
기본값: auto
chartArea.width

차트 영역 너비입니다.

유형: number 또는 string
기본값: auto
색상

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

유형: 문자열 배열
기본값: 기본 색상
높이

픽셀 단위의 차트 높이입니다.

유형: number
기본값: 포함하는 요소의 높이
3D

true인 경우 3차원 차트를 표시합니다.

유형: boolean
기본값: false
범례

범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 홈 디렉터리의 속성을 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
유형: object
기본값: null
legend.position

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

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

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
pieHole

0~1이면 도넛 차트를 표시합니다. 구멍의 반지름은 차트의 반경 x number

유형: number
기본값: 0
pieSliceBorderColor

슬라이스 테두리의 색상입니다. 차트가 2차원인 경우에만 적용됩니다.

유형: string
기본값: 'white'
pieSliceText

슬라이스에 표시되는 텍스트의 콘텐츠입니다. 다음 중 하나일 수 있습니다.

  • 'percentage' - 전체 중 슬라이스 크기의 비율입니다.
  • 'value' - 슬라이스의 정량적 값입니다.
  • 'label' - 슬라이스의 이름입니다.
  • 'none' - 텍스트가 표시되지 않습니다.
유형: string
기본값: 'percentage'
pieSliceTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
reverseCategories

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

이 옵션은 discrete 드림 major 축.

유형: boolean
기본값: false
slices.color

이 슬라이스에 사용할 색상입니다.

유형: string
부제목

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

유형: string
기본값: 제목 없음
subtitleTextStyle

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
제목

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

유형: string
기본값: 제목 없음
titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>

분산형 차트 구성 옵션

이름
backgroundColor

차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열이거나 예: 'red' 또는 '#00cc00', 또는 다음이 포함된 객체 속성

유형: string 또는 object
기본값: 'white'
backgroundColor.fill

HTML 색상 문자열로 된 차트 채우기 색상입니다.

유형:string
기본값: 'white'
chartArea

차트 영역의 위치와 크기를 구성하는 구성원이 포함된 객체입니다 (이 경우 차트 축과 범례를 제외하고 자체가 그려짐). 숫자 또는 숫자 뒤에 %가 표시됩니다. 간단한 숫자는 픽셀 단위이며, 숫자 다음에 % 가 오는 것은 백분율로 표시됩니다. 예: chartArea:{left:20,top:0,width:'50%',height:'75%'}

유형: object
기본값: null
chartArea.backgroundColor
차트 영역 배경 색상입니다. 문자열을 사용하는 경우 16진수 문자열 (예: '#fdc') 또는 영어 색상 이름을 사용할 수 있습니다. 객체가 사용되면 다음 속성이 제공:
  • stroke: 색상으로, 16진수 문자열 또는 영어 색상 이름으로 제공됩니다.
  • strokeWidth: 제공되는 경우 지정된 차트 영역 주위에 테두리를 그립니다. 너비 (및 stroke의 색상)
유형: string 또는 object
기본값: 'white'
chartArea.height

차트 영역 높이

유형: number 또는 string
기본값: auto
chartArea.left

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

유형: number 또는 string
기본값: auto
chartArea.top

위쪽 테두리에서 차트를 그리는 거리입니다.

유형: number 또는 string
기본값: auto
chartArea.width

차트 영역 너비입니다.

유형: number 또는 string
기본값: auto
색상

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

유형: 문자열 배열
기본값: 기본 색상
curveType

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

  • 'none' - 곡선이 없는 직선
  • 'function' - 선의 각도가 부드러워집니다.
유형:string
기본값: 'none'
hAxis

다양한 가로축 요소를 구성하는 구성원이 포함된 객체입니다. 속성 지정 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
유형: object
기본값: null
hAxis.direction

가로축의 값이 증가하는 방향입니다. -1 지정 대상: 값의 순서를 반대로 바꾸면 됩니다.

유형: 1 또는 -1
기본값: 1
hAxis.gridlines

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

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

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
hAxis.gridlines.color

차트 영역 내 가로 격자선의 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: '#CCC'
hAxis.gridlines.count

차트 영역 내에 표시되는 가로 격자선의 대략적인 개수입니다. gridlines.count에 양수를 지정하면 격자선 사이의 minSpacing를 계산하는 데 사용됩니다. 값을 1로 지정하여 격자선을 하나만 그릴 수 있습니다. 또는 0를 사용하여 격자선을 그리지 않습니다. 기본값인 -1를 지정합니다. 격자선 수를 자동으로 계산하기 위해 다른 옵션을 기준으로 선택할 수 있습니다

유형: number
기본값: -1
hAxis.logScale

가로축을 로그 배율로 만드는 hAxis 속성 (모두 필요) 를 입력합니다. '예'인 경우 true로 설정합니다.

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

유형: boolean
기본값: false
hAxis.maxValue

가로축의 최댓값을 지정된 값으로 이동합니다. 오른쪽 상단의 대부분의 차트에서 사용할 수 있습니다. 데이터의 최대 x값보다 작은 값으로 설정되면 무시됩니다. hAxis.viewWindow.max는 이 속성을 재정의합니다.

유형: number
기본값: 자동
hAxis.minorGridlines

가로축의 보조 격자선을 구성하는 구성원이 포함된 객체로, 다음과 같이 hAxis.gridlines 옵션

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
hAxis.minorGridlines.color

차트 영역 내 보조 격자선의 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: 격자선과 배경 색상의 혼합
hAxis.minorGridlines.count

minorGridlines.count 옵션은 마이너 격자선 사용 중지를 제외하고 대부분 지원 중단되었습니다. 0으로 설정합니다. 이제 보조 격자선 수는 데이터 레이크와 주요 격자선 (hAxis.gridlines.interval 참고) 필요한 최소 공간은 hAxis.minorGridlines.minSpacing를 참고하세요.

유형: number
기본값: 1
hAxis.minValue

가로축의 최솟값을 지정된 값으로 이동합니다. 이것은 왼쪽에 있는 대부분의 차트에서 사용할 수 있습니다. 데이터의 최소 x값보다 큰 값으로 설정되면 무시됩니다. hAxis.viewWindow.min는 이 속성을 재정의합니다.

유형: number
기본값: 자동
hAxis.textPosition

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

유형: string
기본값: 'out'
hAxis.textStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
hAxis.title

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

유형: string
기본값: null
hAxis.titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
hAxis.viewWindow

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

유형: object
기본값: null
hAxis.viewWindow.max

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

hAxis.viewWindowMode이 'pretty' 또는 'maximized'이면 무시됩니다.

유형: number
기본값: auto
hAxis.viewWindow.min

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

hAxis.viewWindowMode이 'pretty' 또는 'maximized'이면 무시됩니다.

유형: number
기본값: auto
높이

픽셀 단위의 차트 높이입니다.

유형: number
기본값: 포함하는 요소의 높이
범례

범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 홈 디렉터리의 속성을 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
유형: object
기본값: null
legend.position

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

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

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
lineWidth

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

유형: number
기본값: 2
pointShape

개별 데이터 요소의 모양: 'circle', 'triangle', 'square', 'diamond', 'star', 'polygon' 자세한 내용은 <ph type="x-smartling-placeholder"></ph> 포인트 문서 를 참고하세요.

유형: string
기본값: 'circle'
pointSize

표시된 지점의 지름(픽셀)입니다. 모든 점을 숨기려면 0을 사용합니다. 값을 재정의할 수 있습니다. series 속성을 사용하여 개별 계열에 적용됩니다. Google Cloud로 트렌드라인 재정의하지 않는 한 pointSize 옵션은 추세선 너비에 영향을 미칩니다. trendlines.n.pointsize 옵션을 사용하면 됩니다.

유형: number
기본값: 0
시리즈

객체의 배열로, 각각 차트의 해당 계열 형식을 설명합니다. 사용 방법 계열의 기본값을 변경하려면 빈 객체 {}를 지정하세요. 계열 또는 값을 지정하지 않으면 전역 값이 사용됩니다. 각 객체는 다음과 같은 속성을 지원합니다.

  • color - 이 계열에 사용할 색상입니다. 유효한 HTML 색상 문자열을 지정하세요.
  • labelInLegend - 차트 범례에 표시할 계열의 설명입니다.
  • lineWidth - 이 시리즈의 전역 lineWidth 값을 재정의합니다.
  • pointShape - 이 속성의 전역 pointShape 값을 재정의합니다. Google Cloud 시리즈를 확인해 보세요
  • pointSize - 이 시리즈의 전역 pointSize 값을 재정의합니다.
  • pointsVisible - 이 속성의 전역 pointsVisible 값을 재정의합니다. Google Cloud 시리즈를 확인해 보세요
  • 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}
}
유형: 객체의 배열 또는 중첩된 객체가 있는 객체
기본값: {}
부제목

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

유형: string
기본값: 제목 없음
subtitleTextStyle

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
테마

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

  • 'maximized' - 차트의 영역을 최대화하고 범례와 모든 라벨을 그립니다. 드래그 앤 드롭합니다.
유형: string
기본값: null
제목

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

유형: string
기본값: 제목 없음
titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
treatLabelsAsText

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

유형: boolean
추세선

디스플레이 <ph type="x-smartling-placeholder"></ph> 추세선 를 통해 개인정보처리방침을 정의할 수 있습니다. 압도하고는 할 수 없습니다 기본적으로 linear 추세선은 다음과 같습니다. trendlines.n.type 옵션을 사용하여 맞춤설정할 수 있습니다.

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

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
유형: object
기본값: null
trendlines.n.color

이 <ph type="x-smartling-placeholder"></ph> 추세선 , 영어 색상 이름 또는 16진수 문자열로 표현됩니다.

유형: string
기본값: 기본 계열 색상
trendlines.n.degree

대상 <ph type="x-smartling-placeholder"></ph> 추세선 를 통해 개인정보처리방침을 정의할 수 있습니다. type: 'polynomial'의 경우, 다항식의 차수 (2의 경우 2차, 3차의 경우 3 등).

유형: number
기본값: 3
trendlines.n.labelInLegend

설정된 경우 <ph type="x-smartling-placeholder"></ph> 추세선 를 통해 개인정보처리방침을 정의할 수 있습니다. 범례에 이 문자열로 표시됩니다.

유형: string
기본값: null
trendlines.n.lineWidth

대상의 선 너비입니다. <ph type="x-smartling-placeholder"></ph> 추세선 (단위: 픽셀)로 표시합니다.

유형: number
기본값: 2
trendlines.n.type

<ph type="x-smartling-placeholder"></ph> 추세선 를 통해 개인정보처리방침을 정의할 수 있습니다. 'linear' (기본값), 'exponential' 또는 'polynomial'입니다.

유형: string
기본값: linear
trendlines.n.visibleInLegend

<ph type="x-smartling-placeholder"></ph> 추세선 를 통해 개인정보처리방침을 정의할 수 있습니다. 표시됩니다. 추세선 도움말에 표시됩니다.

유형: boolean
기본값: false
useFirstColumnAsDomain

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

유형: boolean
vAxes

차트에 여러 개의 세로 축이 있는 경우 개별 세로 축의 속성을 지정합니다. 각 하위 객체는 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
  }
]
유형: 객체의 배열 또는 하위 객체가 있는 객체
기본값: null
vAxis

다양한 세로축 요소를 구성하는 구성원이 포함된 객체입니다. 홈 디렉터리의 속성을 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
유형: object
기본값: null
vAxis.direction

세로축의 값이 증가하는 방향입니다. 기본적으로 낮은 값은 차트 하단에 표시됩니다. -1 지정 대상: 값의 순서를 반대로 바꾸면 됩니다.

유형: 1 또는 -1
기본값: 1
vAxis.gridlines

세로축의 격자선을 구성하는 구성원이 포함된 객체입니다. 세로축 격자선은 가로로 그려집니다. 속성 지정 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

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

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
vAxis.gridlines.color

차트 영역 내 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요.

유형: string
기본값: '#CCC'
vAxis.gridlines.count

차트 영역 내에 표시되는 가로 격자선의 대략적인 개수입니다. gridlines.count에 양수를 지정하면 격자선 사이의 minSpacing를 계산하는 데 사용됩니다. 값을 1로 지정하여 격자선을 하나만 그릴 수 있습니다. 또는 0를 사용하여 격자선을 그리지 않습니다. 기본값인 -1를 지정합니다. 격자선 수를 자동으로 계산하기 위해 다른 옵션을 기준으로 선택할 수 있습니다

유형: number
기본값: -1
vAxis.logScale

true이면 세로축을 대수 배율이 됩니다. 참고: 모든 값은 양수여야 합니다.

유형: boolean
기본값: false
vAxis.maxValue

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

유형: number
기본값: 자동
vAxis.minorGridlines

다음과 같이 세로축의 보조 격자선을 구성하는 구성원이 포함된 객체입니다. vAxis.gridlines 옵션

유형: object
기본값: null
vAxis.minorGridlines.color

차트 영역 내에 있는 세로의 보조 격자선 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: 격자선과 배경 색상의 혼합
vAxis.minorGridlines.count

minorGridlines.count 옵션은 마이너 격자선 사용 중지를 제외하고 대부분 지원 중단되었습니다. 개수를 0로 설정하면 됩니다. 보조 격자선의 수는 기본 격자선과 필요한 최소 공간을 선택할 수 있습니다.

유형: number
기본값: 1
vAxis.minValue

세로축의 최솟값을 지정된 값으로 이동합니다. 가장 낮은 가중치로 대부분의 차트에서 사용할 수 있습니다. 데이터의 최소 y값보다 큰 값으로 설정되면 무시됩니다. vAxis.viewWindow.min는 이 속성을 재정의합니다.

유형: number
기본값: null
vAxis.textPosition

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

유형: string
기본값: 'out'
vAxis.textStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
vAxis.title

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

유형: string
기본값: 제목 없음
vAxis.titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
vAxis.viewWindow

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

유형: object
기본값: null
vAxis.viewWindow.max

렌더링할 최대 카테고리 데이터 값입니다.

vAxis.viewWindowMode가 'pretty'이면 무시됩니다. '최대화됨'이라고도 합니다

유형: number
기본값: auto
vAxis.viewWindow.min

렌더링할 최소 카테고리 데이터 값입니다.

vAxis.viewWindowMode가 'pretty'이면 무시됩니다. '최대화됨'이라고도 합니다

유형: number
기본값: auto

계단식 영역 차트 구성 옵션

이름
areaOpacity

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

유형: number, 0.0- 1.0
기본값: 0.3
backgroundColor

차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열이거나 예: 'red' 또는 '#00cc00', 또는 다음이 포함된 객체 속성

유형: string 또는 object
기본값: 'white'
backgroundColor.fill

HTML 색상 문자열로 된 차트 채우기 색상입니다.

유형: string
기본값: 'white'
chartArea

차트 영역의 위치와 크기를 구성하는 구성원이 포함된 객체입니다 (이 경우 차트 축과 범례를 제외하고 자체가 그려짐). 숫자 또는 숫자 뒤에 %가 표시됩니다. 간단한 숫자는 픽셀 단위이며, 숫자 다음에 % 가 오는 것은 백분율로 표시됩니다. 예: chartArea:{left:20,top:0,width:'50%',height:'75%'}

유형: object
기본값: null
chartArea.backgroundColor
차트 영역 배경 색상입니다. 문자열을 사용하는 경우 16진수 문자열 (예: '#fdc') 또는 영어 색상 이름을 사용할 수 있습니다. 객체가 사용되면 다음 속성이 제공:
  • stroke: 색상으로, 16진수 문자열 또는 영어 색상 이름으로 제공됩니다.
  • strokeWidth: 제공되는 경우 지정된 차트 영역 주위에 테두리를 그립니다. 너비 (및 stroke의 색상)
유형: string 또는 object
기본값: 'white'
chartArea.height

차트 영역 높이

유형: number 또는 string
기본값: auto
chartArea.left

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

유형: number 또는 string
기본값: auto
chartArea.top

위쪽 테두리에서 차트를 그리는 거리입니다.

유형: number 또는 string
기본값: auto
chartArea.width

차트 영역 너비입니다.

유형: number 또는 string
기본값: auto
색상

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

유형: 문자열 배열
기본값: 기본 색상
hAxis

다양한 가로축 요소를 구성하는 구성원이 포함된 객체입니다. 속성 지정 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
유형: object
기본값: null
hAxis.direction

가로축의 값이 증가하는 방향입니다. -1 지정 대상: 값의 순서를 반대로 바꾸면 됩니다.

유형: 1 또는 -1
기본값: 1
hAxis.textPosition

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

유형: string
기본값: 'out'
hAxis.textStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
hAxis.title

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

유형: string
기본값: null
hAxis.titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
hAxis.viewWindow

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

유형: object
기본값: null
hAxis.viewWindow.max

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

hAxis.viewWindowMode이 'pretty' 또는 'maximized'이면 무시됩니다.

유형: number
기본값: auto
hAxis.viewWindow.min

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

hAxis.viewWindowMode이 'pretty' 또는 'maximized'이면 무시됩니다.

유형: number
기본값: auto
높이

픽셀 단위의 차트 높이입니다.

유형: number
기본값: 포함하는 요소의 높이
isStacked

true로 설정하면 각 도메인 값에서 모든 계열의 요소를 스택합니다. 참고: 열, 영역 SteppedArea 차트, Google 차트는 범례 항목의 순서를 역순으로 정렬하여 차트 누적 계열 요소 (예: 계열 0이 맨 아래 범례 항목이 됨). 이 은 적용되지 않습니다. 막대 차트.

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

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

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

100% 누적의 경우 각 요소의 계산된 값은 실제 값입니다.

대상 축은 기본적으로 0~1의 상대적인 비율에 따라 값을 분수로 표시합니다. 'relative'의 경우 1, 'percent'의 경우 0~100% (참고: 'percent' 옵션을 사용하는 경우 축/틱 값은 백분율로 표시되지만 실제 값은 상대적인 0~1 척도 값입니다. 이는 백분율 축 눈금이 '#.##%' 형식을 적용한 결과이기 때문입니다. ~ 상대적인 0~1 배율 값을 나타냅니다. isStacked: 'percent' 사용 시 상대적인 0~1 배율 값을 사용하여 눈금/격자선을 지정합니다. 사용자는 격자선/눈금 값 및 서식을 적절한 hAxis/vAxis 옵션을 사용하여 지정해야 합니다.

100% 스택은 number 유형의 데이터 값만 지원하며 기준선은 0입니다

유형: boolean/ string
기본값: false
범례

범례의 다양한 측면을 구성하는 구성원이 포함된 객체입니다. 홈 디렉터리의 속성을 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
유형: object
기본값: null
legend.position

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

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

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
reverseCategories

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

이 옵션은 discrete 드림 major 축.

유형: boolean
기본값: false
시리즈

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

  • areaOpacity - 이 시리즈의 전역 areaOpacity를 재정의합니다.
  • color - 이 계열에 사용할 색상입니다. 유효한 HTML 색상 문자열을 지정하세요.
  • type - 이 시리즈의 마커 유형입니다. 유효한 값은 'line', 'area', 'bars' 및 'steppedArea'라는 새 필드가 있습니다. 막대는 실제로 (열). 기본값은 차트의 seriesType 옵션으로 지정됩니다.
  • labelInLegend - 차트 범례에 표시할 계열의 설명입니다.
  • lineDashStyle - 이 속성의 전역 lineDashStyle 값을 재정의합니다. Google Cloud 시리즈를 확인해 보세요
  • targetAxisIndex: 이 계열을 할당할 축입니다. 여기서 0는 기본값입니다. 축이고 1은 반대 축입니다. 기본값은 0입니다. 1로 설정하여 여러 계열이 다른 축에 대해 렌더링됩니다. 계열을 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}
}
유형: 객체의 배열 또는 중첩된 객체가 있는 객체
기본값: {}
부제목

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

유형: string
기본값: 제목 없음
subtitleTextStyle

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
테마

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

  • 'maximized' - 차트의 영역을 최대화하고 범례와 모든 라벨을 그립니다. 드래그 앤 드롭합니다.
유형: string
기본값: null
제목

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

유형: string
기본값: 제목 없음
titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
treatLabelsAsText

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

유형: boolean
useFirstColumnAsDomain

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

유형: boolean
vAxes

차트에 여러 개의 세로 축이 있는 경우 개별 세로 축의 속성을 지정합니다. 각 하위 객체는 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
  }
]
유형: 객체의 배열 또는 하위 객체가 있는 객체
기본값: null
vAxis

다양한 세로축 요소를 구성하는 구성원이 포함된 객체입니다. 홈 디렉터리의 속성을 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
유형: object
기본값: null
vAxis.direction

세로축의 값이 증가하는 방향입니다. 기본적으로 낮은 값은 차트 하단에 표시됩니다. -1 지정 대상: 값의 순서를 반대로 바꾸면 됩니다.

유형: 1 또는 -1
기본값: 1
vAxis.gridlines

세로축의 격자선을 구성하는 구성원이 포함된 객체입니다. 세로축 격자선은 가로로 그려집니다. 속성 지정 다음과 같이 객체 리터럴 표기법을 사용할 수 있습니다. 

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

이 옵션은 continuous 드림 축에 위치합니다.

유형: object
기본값: null
vAxis.gridlines.color

차트 영역 내 세로 격자선의 색상입니다. 유효한 HTML 색상 문자열을 지정하세요.

유형: string
기본값: '#CCC'
vAxis.gridlines.count

차트 영역 내에 표시되는 가로 격자선의 대략적인 개수입니다. gridlines.count에 양수를 지정하면 격자선 사이의 minSpacing를 계산하는 데 사용됩니다. 값을 1로 지정하여 격자선을 하나만 그릴 수 있습니다. 또는 0를 사용하여 격자선을 그리지 않습니다. 기본값인 -1를 지정합니다. 격자선 수를 자동으로 계산하기 위해 다른 옵션을 기준으로 선택할 수 있습니다

유형: number
기본값: -1
vAxis.logScale

true이면 세로축을 대수 배율이 됩니다. 참고: 모든 값은 양수여야 합니다.

유형: boolean
기본값: false
vAxis.maxValue

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

유형: number
기본값: 자동
vAxis.minorGridlines

다음과 같이 세로축의 보조 격자선을 구성하는 구성원이 포함된 객체입니다. vAxis.gridlines 옵션

유형: object
기본값: null
vAxis.minorGridlines.color

차트 영역 내에 있는 세로의 보조 격자선 색상입니다. 올바른 HTML 색상을 지정하세요. 문자열.

유형: string
기본값: 격자선과 배경 색상의 혼합
vAxis.minorGridlines.count

minorGridlines.count 옵션은 마이너 격자선 사용 중지를 제외하고 대부분 지원 중단되었습니다. 개수를 0로 설정하면 됩니다. 보조 격자선의 수는 기본 격자선과 필요한 최소 공간을 선택할 수 있습니다.

유형: number
기본값: 1
vAxis.minValue

세로축의 최솟값을 지정된 값으로 이동합니다. 가장 낮은 가중치로 대부분의 차트에서 사용할 수 있습니다. 데이터의 최소 y값보다 큰 값으로 설정되면 무시됩니다. vAxis.viewWindow.min는 이 속성을 재정의합니다.

유형: number
기본값: null
vAxis.textPosition

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

유형: string
기본값: 'out'
vAxis.textStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
vAxis.title

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

유형: string
기본값: 제목 없음
vAxis.titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
vAxis.viewWindow

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

유형: object
기본값: null
vAxis.viewWindow.max

렌더링할 최대 카테고리 데이터 값입니다.

vAxis.viewWindowMode가 'pretty'이면 무시됩니다. '최대화됨'이라고도 합니다

유형: number
기본값: auto
vAxis.viewWindow.min

렌더링할 최소 카테고리 데이터 값입니다.

vAxis.viewWindowMode가 'pretty'이면 무시됩니다. '최대화됨'이라고도 합니다

유형: number
기본값: auto
너비

픽셀 단위의 차트 너비입니다.

유형: number
기본값: 포함하는 요소의 너비

표 차트 구성 옵션

이름
alternatingRowStyle

교차 색상 스타일이 홀수 행과 짝수 행에 할당될지 결정합니다.

유형: boolean
기본값: true
높이

픽셀 단위의 차트 높이입니다.

유형: number
기본값: 포함하는 요소의 높이
페이지

데이터를 통한 페이징 사용 설정 여부 및 방법 다음 string 값 중 하나를 선택합니다.

  • 'enable' - 테이블에 page-forward 및 page-back이 포함됩니다. 버튼을 클릭합니다. 이 버튼을 클릭하면 페이징 작업이 실행되며 변경할 수 있습니다. pageSize 옵션을 설정하는 것이 좋습니다.
  • 'event' - 테이블에 page-forward 및 page-back 버튼이 포함되지만 이러한 버튼이 클릭됨 'page' 이벤트를 트리거하며 표시된 페이지를 변경하지 않습니다. 이 옵션은 코드가 자체적인 페이지 넘기기 로직을 구현할 때 사용됩니다. 자세한 내용은 TableQueryWrapper 예 를 참조하세요.
  • 'disable' - [기본값] 페이징이 지원되지 않습니다.
    • 유형: string
    기본값: 'disable'
pageSize

페이지 옵션으로 페이징이 사용 설정된 경우 각 페이지의 행 수입니다.

유형: number
기본값: 10
showRowNumber

true로 설정하면 행 번호가 표의 첫 번째 열로 표시됩니다.

유형: boolean
기본값: false
정렬

사용자가 열 제목을 클릭할 때 열을 정렬하는 경우 및 정렬 방법 정렬이 사용 설정된 경우 sortAscending 및 sortColumn 속성도 설정하는 것이 좋습니다. 다음 중 하나를 선택하세요. 다음 string 값:

  • 'enable' - [기본값] 사용자가 열 헤더를 클릭하여 클릭한 순으로 정렬할 수 있습니다. 를 클릭합니다. 사용자가 열 헤더를 클릭하면 행이 자동으로 정렬되어 'sort' 이벤트가 트리거됩니다.
  • 'event' - 사용자가 열 헤더를 클릭하면 'sort' 이벤트가 트리거되지만 행은 자동으로 정렬되지 않습니다. 이 옵션은 페이지가 자체 정렬을 구현합니다. 자세한 내용은 TableQueryWrapper 예 를 참조하세요.
  • 'disable' - 열 헤더를 클릭해도 아무런 효과가 없습니다.
유형: string
기본값: 'enable'
sortAscending

첫 정렬 열이 정렬되는 순서입니다. 오름차순의 경우 True, false의 경우 내림차순입니다. sortColumn을 지정하지 않으면 무시됩니다.

유형: boolean
기본값: true
sortColumn

데이터 테이블에 있는 열의 색인으로, 테이블이 처음에 정렬되는 기준이 됩니다. 열 정렬 순서를 나타내는 작은 화살표로 표시됩니다.

유형: number
기본값: -1
너비

픽셀 단위의 차트 너비입니다.

유형: number
기본값: 포함하는 요소의 너비

타임라인 구성 옵션

이름
backgroundColor

차트의 기본 영역의 배경 색상입니다. 간단한 HTML 색상 문자열이거나 예: 'red' 또는 '#00cc00', 또는 다음이 포함된 객체 속성

유형: string 또는 object
기본값: 'white'
색상

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

유형: 문자열 배열
기본값: 기본 색상
높이

픽셀 단위의 차트 높이입니다.

유형: number
기본값: 포함하는 요소의 높이
너비

픽셀 단위의 차트 너비입니다.

유형: number
기본값: 포함하는 요소의 너비

트리 맵 구성 옵션

이름
headerColor

각 노드의 헤더 섹션 색상입니다. HTML 색상 값을 지정합니다.

유형: string
기본값: #988f86
maxColor

열 3 값이 maxColorValue인 직사각형의 색상입니다. HTML 색상 값입니다.

유형: string
기본값: #00dd00
maxDepth

현재 뷰에 표시할 최대 노드 수준 수입니다. 수준이 평면화됨 드래그 앤 드롭합니다. 나무의 레벨이 이보다 많으면 레벨이 올라가거나 아래로 내려가서 볼 수 있습니다. 이에 따라 다음과 같이 maxPostDepth등급이 추가로 표시될 수 있습니다. 음영 처리된 직사각형을 사용할 수 있습니다.

유형: number
기본값: 1
maxPostDepth

maxDepth를 넘어 '힌팅됨'으로 표시될 노드 수준 수입니다. 있습니다. 힌트가 있는 노드는 maxDepth 한도.

유형: number
기본값: 0
midColor

maxColorValue 중간에 열 3 값이 있는 직사각형의 색상 및 minColorValue. HTML 색상 값을 지정합니다.

유형: string
기본값: #000000
minColor

열 3 값이 minColorValue인 직사각형의 색상입니다. HTML 색상 값입니다.

유형: string
기본값: #dd0000
noColor

노드에 열 3에 대한 값이 없고 해당 노드가 잎만 들어 있는 잎사귀입니다. HTML 색상 값을 지정합니다.

유형: string
기본값: #000000
부제목

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

유형: string
기본값: 제목 없음
subtitleTextStyle

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>
textStyle

제목 텍스트 스타일을 지정하는 객체입니다. 색상은 어떤 HTML이든 가능합니다. 색상 문자열(예: 'red' 또는 '#00cc00') fontName 및 fontSize도 참고하세요.

유형: object
기본: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
제목

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

유형: string
기본값: 제목 없음
titleTextStyle

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

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

color은 모든 HTML 색상 문자열일 수 있습니다(예: 'red' 또는). '#00cc00'입니다. fontName 및 fontSize도 참고하세요.

유형: object
기본값: <ph type="x-smartling-placeholder"> {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} </ph>