Highcharts 3.0 - 렌더러가 내보내기 버튼을 덮고 있습니다.

Question

방금 ​​응용 프로그램을 Highcharts 3.0으로 업그레이드 했으므로 이제 차트 렌더러를 사용하여 그려진 개체로 새 내보내기 버튼을 사용할 수 있습니다. 이것은 2.3.3에 해당하지 않았다.

여기

http://jsfiddle.net/YcJ6U/1/ 플롯 생성하는 코드의 참조하십시오.

$ (함수() { $를 ('# 용기') highcharts ({

chart: { 
     events: { 
      load: function(event) { 
       drawBox(this); 
      } 
     } 
    }, 
    credits: { 
     enabled: false 
    }, 
    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 

    series: [{ 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]   
    }], 

    exporting: { 
     buttons: { 
      contextButton: { 
       symbol: 'circle', 
       symbolStrokeWidth: 1, 
       symbolFill: '#bada55', 
       symbolStroke: '#330033', 
       align: 'left' 
      } 
     } 
    } 

}, function(chart) { 
    //drawBox(chart) 
}); 

function drawBox(chart) { 
    chart.renderer.rect(25, 0, 100, 100, 5) 
     .attr({ 
      'stroke-width': 2, 
      stroke: 'red', 
      fill: 'yellow'    
     }).add();   
} 

}) ; 아무에게도 해결책을 제공 할 수 있습니까?

Answer 1

변경되었을 때 Highcharts가 두 단추 SVG를 사용하는 rect. 요소 스태킹 순서는 order they were drawn을 기준으로합니다. rect onload를 그리면 버튼 다음에 그려집니다.

chart.exportSVGElements[0].toFront() 

아니면이 Z- 색인이없는 초기 링크 :

에 얼마나로 돌아가 : 나는 차트 정상에 다시 버튼을 가지고 그려 후이 될 것 해결하는 유일한 방법을 생각

바이올린 here 업데이트 됨.

Answer 2

이는 아마도 색인 문제 일 수 있습니다. 하이 - 차트에서 z-index는 zIndex를 나타냅니다. 이

exporting: { 
    buttons: { 
     contextButton: { 
      theme: { 
       zIndex: 10 
      } 
     } 
    } 
} 

헤이이 작품이다 시도해야합니다. 나는 그것을 검사했다