2012-06-01 3 views
2

Google Charts API을 사용하여 계기 차트를 만듭니다. 차트를 즉석에서 작성하는 것은 매우 간단하고 효과적인 API입니다. 여기 Google 차트 여러 색상 영역이있는 계기

내가 litte 비트를 녹색 영역 이상을 추가하는이 차트를 사용자 정의해야, 이제 차트

https://google-developers.appspot.com/chart/interactive/docs/gallery/gauge

에 대한 설명서입니다. 예를 들어, 0에서 10, 20에서 30 사이의 녹색 영역과 40에서 50 사이의 녹색 영역이 필요하지만 가능하지는 않습니다. 여기

무승부를 전달하는 옵션입니다() 내가 옵션으로 배열을 전달하려 녹색 영역

var options = {   
greenFrom: 0, greenTo: 10   
}; 

을 설정하는 방법,하지만 분명히 작동하지 않습니다. 여기 내가 시도한 것이있다.

var options = {   
greenFrom: [0, 20, 40], greenTo: [10, 30, 50] 
}; 

누구에게 동일한 문제가 있습니까?

도움이 필요합니다.

감사합니다.

답변

6

빨간색과 노란색 영역의 색상도 무시하면됩니다. 당신이 그 (것)들을 역시 원하는 경우에 당신은 운에서이다.

var options = { 
    greenFrom: 0, 
    greenTo: 10, 
    greenColor: "#00ff00", 
    redFrom: 20, 
    redTo: 30, 
    redColor: "#00ff00", 
    yellowFrom: 40, 
    yellowTo: 50, 
    yellowColor: "#00ff00" 
} 
+0

예, 이것이 첫 번째 해결책 이었지만 지금은 4 개 이상의 영역이 필요하며 해킹이 작동하지 않습니다. – Flea777

+0

죄송합니다. Google Charts ([Google 포럼 관련 토론]) (https://groups.google.com/d/topic/google-visualization-api/Z6ghp0rsjM0/discussion)에서 Google 계기로 게이지로 할 수 없습니다. 밖에도 다른 오픈 소스 자바 스크립트 게이지가 있습니다 –

+0

또한 완벽한 위젯을 시도 할 수 있습니다 : http://perfectwidgets.com. 부품에서 조립하여 전체 맞춤형 게이지를 만들 수 있습니다. –