2013-04-15 3 views
2

거품 형 차트에서 세리에 다른 색을 설정할 수 있습니까? 나는 "색상"속성을 설정하려고하지만 작동하지 않습니다.하이 차트 : 하나의 세리에서 거품의 색을 변경하십시오.

 data: [{ 
      x: 23, 
      y: 22, 
      z: 200, 
      name:"point1", 
      color: 'red' 
     }, { 
      x: 43, 
      y: 12, 
      z: 100, 
      name:"point2", 
      color:'yellow' 
     }] 

세리에서 라벨을 사용할 수는 있지만 거품을 변경하는 것이 좋습니다. 자신의 시리즈 개체가 필요합니다 독특한 색상을 필요로 http://jsfiddle.net/tqVF8/2/

답변

6

각 점 :

dataLabels: { 
     enabled: true, 
     color: 'red' 
} 

내 jsfiddle입니다. 그것은 조금 이상한,하지만이 작동합니다

series: [{ 
     data: [{ 
      x: 23, 
      y: 22, 
      z: 200, 
      name:"point1" 
     }, { 
      x: 43, 
      y: 12, 
      z: 100, 
      name:"point2", 
     }], 
     color: "yellow" 
    },{ 
     data: [{ 
      x: 50, 
      y: 22, 
      z: 150, 
      name:"point3" 
     }, { 
      x: 43, 
      y: -30, 
      z: 100, 
      name:"point4", 
     }], 
     color: "blue" 
    }] 

체크 아웃 사이트에서이 데모 : 여기 http://www.highcharts.com/demo/bubble-3d

그리고 당신의 예와 JS 바이올린입니다 : 귀하의 경우에는 http://jsfiddle.net/Robodude/tqVF8/7/

+0

감사합니다.하지만 다른 방법이 있습니까? 그리고 귀하의 예제를 다음과 같은 색상을 설정할 수 없습니다, 색상은 데이터의 바깥에 있어야합니다 : http://jsfiddle.net/tqVF8/6/ – Lorenzo

+0

예, 당신은 절대적으로 올바른거야, 미안 해요 그것은 복사 붙여 넣기 실패. 답변에서 코드를 업데이트 하겠지만 다른 방법을 모르는 것 같습니다. 행운을 빕니다 :) – Robodude

+0

나는 어떤 식 으로든 당신의 예를 사용합니다 : P 고마워요. 난 그냥 장애인 전설을 추가 : http://jsfiddle.net/tqVF8/8/ – Lorenzo

7

, 당신 http://jsfiddle.net/tqVF8/17/

: 재산 "하고 fillColor"

data: [{ 
      x: 23, 
      y: 22, 
      z: 200, 
      name:"point1", 
      color: 'red', 
      fillColor : 'red' 
     }, { 
      x: 43, 
      y: 12, 
      z: 100, 
      name:"point2", 
      color:'yellow', 
      fillColor : 'yellow' 
     }] 

예를 추가 할 수 있습니다

관련 문제