3D 파이 하이 차트에 경계선을 설정하는 방법은 무엇입니까?

Question

나는 플러그인을 highchart 사용하여 3 차원 원형 차트를 가지고 있고, 나는 각 부분에 테두리를 넣어 원하는, 그래서 나는 다음과 같은 넣어 : plotOptions: pie:에서

borderWidth: 4, 
borderColor: "red" 

. 그러나 나는 그 부분이 채워지는 같은 색의 경계를 가지고 있을까 걱정됩니다.

이렇게하는 방법은 무엇입니까? 테두리가 흰색인지는 상관하지 않지만 부분을 구분해야합니다. 여기

는 당신이 시도 할 수있는 jsfiddle입니다 : http://jsfiddle.net/qRvn2/

JS

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'pie', 

      options3d: { 
       enabled: true, 
       alpha: 45, 
       beta: 0 
      } 
     }, 
     title: { 
      text: 'Browser market shares at a specific website, 2014' 
     }, 
     tooltip: { 
      pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' 
     }, 
     plotOptions: { 
      pie: { 
       allowPointSelect: true, 
       cursor: 'pointer', 
       depth: 35, 
       borderWidth: 4, 
       borderColor: "red", 
       dataLabels: { 
        enabled: true, 
        format: '{point.name}' 
       } 
      } 
     }, 
     series: [{ 
      type: 'pie', 
      name: 'Browser share', 
      data: [ 
       ['Firefox', 45.0], 
       ['IE',  26.8], 
       { 
        name: 'Chrome', 
        y: 12.8, 
        sliced: true, 
        selected: true 
       }, 
       ['Safari', 8.5], 
       ['Opera',  6.2], 
       ['Others', 0.7] 
      ] 
     }] 
    }); 
}); 

HTML

<script src="http://code.highcharts.com/highcharts.js"></script> 
<script src="http://code.highcharts.com/highcharts-3d.js"></script> 

<div id="container" style="height: 400px"></div> 

Answer 1

.... 생각해야 : 당신이 바로, 전혀 작동하지 않는있다 https://github.com/highslide-software/highcharts.com/issues/2985

Answer 2

차트가 초기화 된 후 난 당신이 점을 반복 할 수 있다고 생각 획 속성을 설정합니다.

$.each(chart.series[0].data, function(i, point) { 
     point.graphic.attr({ 
      stroke: '#000000' 
     }); 
    }); 

체크 바이올린 : http://jsfiddle.net/qRvn2/3/

UPDATE :

여기에 문제는, 내가 이벤트 위로 마우스를 이동 후 다시 그들을 다시 그립니다 것을 볼 수있다. 이러한 이벤트에 리스너를 추가하여 스타일 뒤로 다시 그릴 수 있다면 어떨까요? 그것은, 여기에 우리의 개발자들에게 버그보고