2013-07-10 4 views
0
나는이와 유사한 반 파이 차트를 찾고 있어요

:Highcharts 파이 차트

i.stack.imgur.com/I26zG.png

내가 게이지 차트 있지만이 경우 시리즈에서 찾고은 only print the dial values,, 인쇄하지 않고하지 밴드 출력하기

plotband으로 인쇄하고 싶습니다. 그러나이 경우 차트 API를 변경할 수 없거나 찾지 못합니다.

파이 차트를 사용할 수도 있지만이 경우에는 -90º에서 + 90º까지 시작해야하며 사용할 방법을 찾지 못하고 type = pie에는 pane이 없습니다 (// api.highcharts.com/highcharts#pane) 옵션을 사용하십시오.

아무도 도와 줄 수 있습니까?

답변

1

Axis.update()을 호출하고 Axis 구성 설정 개체를 전달할 수 있습니다. 이러한 설정 중 하나는 새로운 plotBands 값이 될 수 있습니다. 따라서 계기 값을 업데이트 할 때마다 게이지 값의 양쪽에서 plotBands를 재설정합니다. 내 사례를 당신의 이미지처럼 보이게하려면 다른 것들을 조정해야합니다. 이 jsFiddle 밖으로

확인 : http://jsfiddle.net/ZrGut/

yAxis.update({ 
    plotBands: [{ 
     from: 0, 
     to: leftVal, 
     color: 'pink', 
     innerRadius: '100%', 
     outerRadius: '0%' 
    },{ 
     from: leftVal, 
     to: 90, 
     color: 'tan', 
     innerRadius: '100%', 
     outerRadius: '0%' 
    }] 
}, false); 
1

마지막으로 어제 밤 I found other solution에서, 드 바이올린 연결합니다. 당신의 도움을 주셔서 감사합니다.

plotOptions: { 
      pie: { 
       startAngle: 0, 
       allowPointSelect: true, 
       innerSize: '110%', 
       size:'150%', 
       center: [100,200], 
       allowPointSelect: true, 
       cursor: 'pointer', 
       dataLabels: { 
        enabled: null, 
        color: '#000000', 
        connectorColor: '#000000', 
        format: '<b>{point.name}</b>: {point.percentage:.1f} %' 
       } 
      } 
     }