Good Mood

의 배경 색상의 주 영역은 차트. 중 하나가 될 수 있습니다 간단한 HTML 컬러 문자열의 예를 들어,'red'또는'#00cc00'거나 객체와 함께 다음과 같은 속성이 있습니다.,

HTML 색상 문자열로 차트 테두리의 색상입니다.나는 이것이 내가 할 수있는 유일한 방법이라고 생각한다.strokeWidth

테두리 너비,픽셀 단위.

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

개체 회원들과 함께하는 구성의 위치와 크기는 차트 지역(차트 자체는 그린 제외하고,축의 전설). 숫자 또는%다음에 나오는 숫자의 두 가지 형식이 지원됩니다. 간단한 숫자는 픽셀 단위의 값이며,그 다음에%가 나오는 숫자는 백분율입니다. 예:chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

왼쪽 테두리에서 차트를 그리는 방법.,

상단 테두리에서 차트를 그리는 방법.

차트 영역 너비.

차트 영역 높이.

차트 요소에 사용할 색상입니다., 각 요소가 HTML 색상 문자열 인 문자열 배열(예:colors:).

부로 차트를 던졌 사용자 기반 이벤트 또는에 반응하고 사용자 상호 작용입니다. 값을 false 로 설정하는 경우에는 차트를 발생하지 않을 것이’선택’또 다른 상호작용 기반 이벤트(하지만 던지 준비 또는 오류 이벤트),그리고 표시하지 않습니다 hovertext 또는 그 변경에 따라 사용자 입력이 있습니다.,

기본 글꼴 크기,픽셀의 모든 텍스트의 차트입니다. 특정 차트 요소에 대한 속성을 사용하여이를 재정의 할 수 있습니다.

기본 글꼴을 직면 모든 텍스트에 대한 차트. 특정 차트 요소에 대한 속성을 사용하여이를 재정의 할 수 있습니다.

인라인 프레임 안에 차트를 그립니다., (Ie8 에서는 이 옵션이 무시되므로 모든 IE8 차트가 i-프레임으로 그려집니다.)

차트의 높이(픽셀 단위).

true 인 경우 3 차원 차트를 표시합니다.

개체 구성원의 다양한 측면을 구성한다., 속성을 지정할 수 있습니다 이 물체를 사용할 수 있는 객체 리터럴 표기법은 다음과 같이

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

범례의 정렬. 다음 중 하나 일 수 있습니다.

• ‘시작’-범례에 할당 된 영역의 시작에 정렬됩니다.
• ‘중심’-범례에 할당 된 영역을 중심으로합니다.
• ‘end’-범례에 할당 된 영역의 끝에 정렬됩니다.,

시작,가운데 및 끝은 범례의 스타일-수직 또는 수평-에 상대적입니다. 예를 들어,에서’권리’전설,’시작’과’최첨단’는 상단과 하단에 각각 위해’최고’전설,’시작’및’끝이 될 수 있을 것이에서 왼쪽과 오른쪽 지역의 각각합니다. 기본값은 범례의 위치에 따라 다릅니다. ‘하단’범례의 경우 기본값은’가운데’이고 다른 범례는’시작’으로 기본 설정됩니다. 나는 이것이 내가 할 수있는 유일한 방법이라고 생각한다.범례의 위치

위치., 다음 중 하나가 될 수 있습니다.

• ‘bottom’-차트 아래에 범례를 표시합니다.
• ‘labeled’-슬라이스를 데이터 값에 연결하는 선을 그립니다.
• ‘left’-차트의 왼쪽 범례를 표시합니다.
• ‘없음’-범례를 표시하지 않습니다.
• ‘right’-차트의 범례 오른쪽을 표시합니다.
• ‘top’-차트 위에 범례를 표시합니다.나는 이것이 내가 할 수있는 유일한 방법이라고 생각한다.maxlines

범례의 최대 줄 수입니다. 범례에 선을 추가하려면 이것을 1 보다 큰 숫자로 설정하십시오., 참고:렌더링 된 실제 라인 수를 결정하는 데 사용되는 정확한 논리는 여전히 플럭스입니다.

이 옵션은 현재 범례가있을 때만 작동합니다.위치는’상단’입니다.나는 이것이 내가 할 수있는 유일한 방법이라고 생각한다.textStyle

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

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

color될 수 있는 모든 HTML 컬러 문자열의 예를 들어,'red'또는'#00cc00'. 또한fontName및fontSize를 참조하십시오.,

면 0 과 1 사이 표시됩 도넛 차트. 반지름이number와 같은 구멍은 차트의 반지름을 배가시킵니다.

슬라이스 테두리의 색상. 차트가 2 차원 인 경우에만 적용됩니다.,

의 콘텐츠를 텍스트에 표시되는 슬라이스입니다. 다음 중 하나가 될 수 있습니다.

• ‘백분율’-전체 중 슬라이스 크기의 백분율.
• ‘값’-슬라이스의 양적 값입니다.
• ‘label’-슬라이스의 이름입니다.
• ‘없음’-텍스트가 표시되지 않습니다.

체를 지정하는 슬라이스 텍스트 스타일입니다., 개체의 형식은 다음과 같습니다.

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

color될 수 있는 모든 HTML 컬러 문자열의 예를 들어,'red'또는'#00cc00'. 또한fontName및fontSize를 참조하십시오.

각도에서,도 회전하여 차트. 0의 기본값은 첫 번째 슬라이스의 가장 왼쪽 가장자리를 직접 위로 향하게합니다.,

true 인 경우 반 시계 방향으로 슬라이스를 그립니다. 기본값은 시계 방향으로 그리는 것입니다.

컬러 조합에 대한 슬라이스를 보유하는 모든 조각 아래 sliceVisibilityThreshold.,

레이블 조합에 대한 슬라이스를 보유하는 모든 조각 아래 sliceVisibilityThreshold.

는 객체의 배열을,각각의 형식을 설명하는 해당 조각에서는 파이입니다. 슬라이스에 기본값을 사용하려면 빈 개체(예:{})를 지정합니다. 슬라이스 또는 값을 지정하지 않으면 전역 값이 사용됩니다., 각 개체는 다음 속성을 지원합니다.

• color-이 슬라이스에 사용할 색상입니다. 유효한 HTML 색상 문자열을 지정하십시오.
• offset-는 방법까지 별도의 슬라이스의 나머지 부분에서 파이 0.0(모든)1.0(원형의 radius).
• textStyle-이 슬라이스에 대해 전역pieSliceTextStyle를 재정의합니다.,

지정할 수 있는 객체의 배열을,각각에 적용되는 슬라이스에서 주어진 순서대로,또는 지정할 수 있는 개체는 각 아이는 숫자 키를 나타내는 슬라이스에 적용됩니다. 예를 들어,다음과 같은 두 가지 선언은 동일합니다,그리고 선언하는 첫 번째 슬라이스로 블랙 그리고 네 번째로 붉은색:

slices: slices: {0: {color: 'black'}, 3: {color: 'red'}} 

소수의 가치 파이 아래는 슬라이스를 보여주지 않을 것입니다., 이 임계 값을 통과하지 않은 모든 슬라이스는 크기가 모든 크기의 합인 단일”기타”슬라이스에 결합됩니다. 기본값은 반 정도보다 작은 슬라이스를 개별적으로 표시하지 않는 것입니다.

// Slices less than 25% of the pie will be// combined into an "Other" slice.sliceVisibilityThreshold: .25 

차트 위에 표시 할 텍스트.

제목 텍스트 스타일을 지정하는 객체입니다., The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00'. Also see fontName and fontSize.

An object with members to configure various tooltip elements., 속성을 지정할 수 있습니다 이 물체를 사용할 수 있는 객체 리터럴 표기법은 다음과 같이

{textStyle: {color: '#FF0000'}, showColorCode: true}

true로 설정된 경우 툴팁의 도면이 모든면에서 차트의 경계 외부로 흐를 수 있습니다. 참고:이것은 HTML 툴팁에만 적용됩니다. 이 SVG 툴팁을 사용하도록 설정하면 차트 경계 외부의 오버플로가 잘립니다. 자세한 내용은 툴팁 콘텐츠 사용자 정의를 참조하십시오., 이 작업을 수행하려면 다음 작업을 수행해야합니다.isHtml

true 로 설정된 경우 HTML 렌더링(SVG 렌더링 대신)툴팁을 사용하십시오. 자세한 내용은 툴팁 콘텐츠 사용자 정의를 참조하십시오.

참고:사용자 지정 HTML 도구 설명을 통해 콘텐츠 도구 설명 열의 데이터 역할은 지원하지 않는 거품 차트 시각화합니다. 이 작업을 수행하려면 다음 작업을 수행해야합니다.showColorCode

true 인 경우 툴팁의 슬라이스 정보 옆에 색이 지정된 사각형을 표시합니다.,이 작업을 수행하려면 다음 작업을 수행해야합니다.text

사용자가 파이 슬라이스 위로 마우스를 가져갈 때 표시 할 정보. 다음 값이 지원됩니다.

• ‘둘 다’-슬라이스의 절대 값과 전체의 백분율을 모두 표시합니다.
• ‘값’-슬라이스의 절대 값만 표시합니다.
• ‘백분율’-슬라이스로 표시되는 전체의 백분율 만 표시합니다.이 작업을 수행하려면 다음 단계를 따르고 다음 단계를 수행해야 합니다.,textStyle

An object that specifies the tooltip text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00'. Also see fontName and fontSize.

툴팁이 표시되도록하는 사용자 상호 작용:

• ‘초점’-사용자가 요소를 가리키면 툴팁이 표시됩니다.
• ‘없음’-툴팁이 표시되지 않습니다.
• ‘선택’-사용자가 요소를 선택하면 툴팁이 표시됩니다.

차트의 너비(픽셀 단위).,

무 차트. 차트는ready이벤트가 발생한 후에 만 추가 메소드 호출을 허용합니다. Extended description.

반환 도구 설명 작업체와 함께 요청된actionID.,

포함하는 객체를 반환합니다.left,top,width,height 차트의 요소id., 에 대한 형식id지 않은 문서로(그들은 반환 값의 이벤트 처리기)하지만,여기에 몇 가지 예가 나와 있습니다.

var cli = chart.getChartLayoutInterface();
높이 차트 영역의cli.getBoundingBox('chartarea').height폭의 세 번째는 바에서 첫 번째 시리즈의 바나 열 차트cli.getBoundingBox('bar#0#2').width경계 상자의 다섯 번째 쐐기의 파이 차트cli.getBoundingBox('slice#4') 경계 상자의 차트 데이터의 수직(예를 들어,열)도:cli.getBoundingBox('vAxis#0#gridline')경계 상자의 차트 데이터의 수평(예:,,bar)차트:cli.getBoundingBox('hAxis#0#gridline')

값은 차트의 컨테이너에 상대적입니다. 차트가 그려진 후이를 호출하십시오.

포함하는 객체를 반환합니다.left,top,width,height 차트의 콘텐츠(예:, 제외하고,라벨 및 전):

var cli = chart.getChartLayoutInterface();
cli.getChartAreaBoundingBox().leftcli.getChartAreaBoundingBox().topcli.getChartAreaBoundingBox().heightcli.getChartAreaBoundingBox().width

값에 상대적인 컨테이너의 차트입니다. 차트가 그려진 후이를 호출하십시오.

객체를 반환에 대한 정보를 포함하는 화면의 위치를 차트의 요소입니다.,

다음과 같은 방법이 될 수 있습니다에서 호출이 반환되는 개체:

• getBoundingBox
• getChartAreaBoundingBox
• getHAxisValue
• getVAxisValue
• getXLocation
• getYLocation

전화 이후 차트 그려집니다.

반환합니다 논리적인 수평한 값에서position는 오프셋 차트에서 컨테이너의 왼쪽 가장자리입니다. 부정적일 수 있습니다.,

예:chart.getChartLayoutInterface().getHAxisValue(400).차트가 그려진 후에 이것을 호출하십시오.

이미지 URI 로 직렬화 된 차트를 반환합니다.차트가 그려진 후에 이것을 호출하십시오.

PNG 차트 인쇄를 참조하십시오.

의 배열을 반환합니다 선택한 차트 entities. 선택 가능한 엔티티는 조각 및 범례 항목입니다. 이 차트의 경우 주어진 순간에 하나의 엔티티 만 선택할 수 있습니다., Extended description.

반환합니다 논리적인 수직에서 값을position는 오프셋 차트에서 컨테이너의 가장자리입니다. 부정적일 수 있습니다.

예:chart.getChartLayoutInterface().getVAxisValue(300).차트가 그려진 후에 이것을 호출하십시오.

반환합니다면의 x 좌표position상대적 차트의 컨테이너입니다., 나는 이것을 할 수 없다.차트가 그려진 후에 이것을 호출하십시오.

반환합니다면의 y 좌표position상대적 차트의 컨테이너입니다.

예:chart.getChartLayoutInterface().getYLocation(300).차트가 그려진 후에 이것을 호출하십시오.

제거 도구 설명 조치가 요청된actionID차트에서.,

설정 도구 설명을 실행할 동작을 클릭할 때에 행동 텍스트입니다.

setAction메소드는 객체를 동작 매개 변수로 사용합니다. 이 객체를 지정해야 합 3 자산:id—ID 의 행위를 하는 설정text—텍스트에 표시되어야 하는 도구 설명을 위해 작업,그리고action—기능이 실행되어야 하는 경우 사용자가 동작에 텍스트입니다.,

차트의draw()메소드를 호출하기 전에 모든 툴팁 작업을 설정해야합니다. 확장 된 설명.

선택 지정된 차트 entities. 이전 선택을 취소합니다. 선택 가능한 엔티티는 조각 및 범례 항목입니다. 이 차트의 경우 한 번에 하나의 엔터티만 선택할 수 있습니다. Extended description.,

지웁니다 차트 릴리스의 모든 할당된 리소스입니다.

발사를 클릭할 때 내부합니다., 를 식별하는 데 사용할 수 있을 때에는 제목,데이터 요소,전설의 항목,축,눈금,또는 라벨을 클릭합니다.

발사할 때 오류가 발생한 때를 렌더링합니다.

발생할 때 사용자가 마이스를 통해 시각적 실체. 해당 데이터 테이블 요소의 행 및 열 인덱스를 다시 전달합니다. 슬라이스 또는 범례 항목은 데이터 테이블의 행과 상관 관계가 있습니다(열 인덱스는 null 임).,

발생할 때 사용자가 마이스에서 시각적 실체. 해당 데이터 테이블 요소의 행 및 열 인덱스를 다시 전달합니다. 슬라이스 또는 범례 항목은 데이터 테이블의 행과 상관 관계가 있습니다(열 인덱스는 null 임).

차트를 위한 준비 외부 메소드를 호출합니다., 당신이 원하는 경우와 상호 작용하는 차트,그리고 메소드를 호출한 후에 당신은 그것을 그릴,당신은 설정해야에 대한 수신기에 이벤트를 호출하기 전에draw방법,그리고 그들에게 전화한 후에만 이벤트가 시작되었다.

발생할 때 사용자를 클릭 visual entity. 선택한 내용을 배우려면getSelection()로 전화하십시오.