2013-05-10 2 views
1

바인딩 ... 가능 구글 차트 API의 특정 색상에 데이터를 바인딩하는 것입니다구글 차트 사용자 정의 색상이

가정하자 나는 데이터의 특정에 바인딩 할 있습니다 .. FIDDLE 같이이 파이 차트가 색상 -

예 - ..., SLEEP 항상 모든 차트에서 녹색이 항상 RED해야 EAT

특정 항목은 색상이 누락 된 값에 대응 다음 특정 차트에 나타나지 않는 경우 해당 차트에 나타나서는 안됩니다 ...

나는

slices: [{color: 'black', {}, {}, {color: 'red'}] 

뿐만 아니라

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

하지만 누락 된 값을 처리 할 수 ​​없습니다와 같은 ....

내가하려고 어떤 명확한 아이디어를 얻을 Fiddle 참조를 시도 here ...

답변

1

각 범주에 사용할 색 배열을 설정하십시오. 원형 차트에있는 내용을 기반으로 그려지는 현재 원형 차트에 사용할 색상 배열을 채울 수 있으며 각 항목을 반복하고 상관 색상을 추가 할 수 있습니다. JSfiddle에서 설정했습니다. 제네릭 색상을 사용했지만 원하는 16 진 색상을 사용할 수 있습니다. 카테고리에 연관된 색상이없는 상황을 설명하지 않았으므로 문제가 될 수 있는지 확인해야합니다. .. 그것은 언젠가 꽤 좋았다 ... 솔루션은 작동이 중지되었습니다 을 http://jsfiddle.net/Qquse/130/

+0

을하지만 지금은 솔루션의 충돌 .. 나는 믿습니다 :

colors = {'Work':'blue', 'Eat':'red', 'Commute':'yellow', 'Watch TV':'green', 'Sleep':'purple',}; function colorsArray(data){ var array = []; for (var i=0;i<data.length;i++){ array.push(colors[data[i]['c'][0]['v']]); } console.log(array) return array } 

는 여기에서 바이올린을 확인하실 수 있습니다 데이터를 계산할 수 없습니다. 길이 : –

+0

자바 스크립트 런타임 오류 : 정의되지 않은 null 참조의 속성 '길이'를 가져올 수 없습니다. –

+0

Google에서 만든 데이터 객체가 변경되었지만 왜 빨리 바뀌 었는지 알 수 없습니다. 색상을 변경하십시오. colorsArray (data.D ')를 colors : colorsArray (data.K)로 변경합니다. 이 문제가 다시 발생할지 또는 정기적으로 발생하는지는 알 수 없으므로 코드를 살펴보고 더 유연하게 만들 수 있는지 알아보고 Google이 변경할 수있는 것을 기반으로 중단되지 않도록하십시오. –