2014-12-22 3 views
0

도넛 형 시각화를 사용하여 하이 차트 링을 만들었습니다. jsfiddle은 here 입니다. 이제 다른 두 개의 호와 동일한 파란색으로 회색 호의 25 %를 채색하고 싶습니다. 어떻게하면됩니까?Highcharts 도넛 형 채색 선택 부분 만

본질적으로 변경 될 필요가 코드는 여기에 있습니다 :

data: [{ 
       name: 'fire', 
       x: "Firefox", 
       y: 33, 
       color: 'grey' 
      } 

답변

0

OP에서 더 많은 정보를 편집.

이렇게하려면 color.linearGradient 접근 방식을 사용할 수 있습니다. 이 내용은 example을 참조하십시오.

{ 
      name: 'Browsers', 
      data: [{ 
       name: 'fire', 
       x: "Firefox", 
       y: 33, 
       color: { 
        linearGradient: { 
         x1: 0, 
         y1: 0 
        }, 
        stops: [ 
         [0, 'rgb(124, 181, 236)'], 
         [0.25, 'rgb(124, 181, 236)'], 
         [0.50, 'gray'], 
         [0.75, 'gray'], 
         [1, 'gray'] 
        ] 
       } 
      } 

는 내가이 LinearGradient를 설정하고이 좋아 보이는 나에게로 보통 x2y2을 제거하고 있습니다. 그러나 여전히 일종의 퍼지가 있음을 주목하십시오. 이 설정으로 놀아서 사용 사례에 가장 적합한 것이 무엇인지 파악할 수 있습니다.

올드 답 : 당신은 그냥 다른 두 항목처럼 같은 색상 갖고 싶어 :

data: [{ 
       name: 'fire', 
       x: "Firefox", 
       y: 33, 
       color: 'rgb(124, 181, 236)' 
      } 

질문은 매우 명확하지 않습니다하지만 당신이 정적으로 설정 얼마나입니다.

+0

회색 링의 25 % 만 색칠하고 싶습니다. 그것은 질문입니다. 나는 그것을 100 % 푸른 색으로하고 싶지 않다. 나는 그것의 복잡한 요구 사항을 알고 있지만 그게 뭔지. – comeOnGetIt

+0

@comeOnGetIt 'linearGradient' 접근법으로 업데이트했습니다. – wergeld

+0

이제 대단 하네 !! 그저 음영을 보았을뿐 파란 색의 컷오프를 제거 할 수는 있습니다. 고마워. – comeOnGetIt

관련 문제