2014-10-04 6 views
1

게이지 뒤에 거미줄을 넣으면 거미줄에 갑자기 배경이 생기는 것 같습니다. 이 jsfiddle를 확인하십시오 : http://jsfiddle.net/hoqk6u4h/Highchart Spiderweb Gauge가 이상한 행동을 일으킴

JS의 순서를 바꾸면, 즉 거미줄이 게이지 앞에 스폰 된 경우 이상한 배경이 사라집니다. 그러나 현재의 주문에서, 거미줄은 이상한 배경을 얻습니다. 그리고 나는 이것이 무엇을 일으키는 지 정말로 확신하지 못합니다. HTML 구조는 아주 기본적인

,

<script src="http://code.highcharts.com/highcharts.js"></script> 
<script src="http://code.highcharts.com/highcharts-more.js"></script> 
<script src="http://code.highcharts.com/modules/exporting.js"></script> 
<script src="http://code.highcharts.com/modules/solid-gauge.src.js"></script> 

<div id="selected-streamer-weekly-uptime" style="width: 300px; height: 200px; float: left;"></div> 
<div id="container" style="width: 500px; height: 400px;"></div> 

JS 조금 이상하지만 그냥 게이지 일부 옵션을 사용하여 거미줄을 산란한다.

답변

1

게이지 차트 생성 방법의 쿼크. 게이지 차트를 만들려면 highcharts-more.js (줄 65)에서 창 개체가 확장되고 배경의 전역 설정이 다시 정의됩니다.

은 추가,이 문제를 해결하려면 다음

pane: { 
     background: { 
      borderWidth: 0, 
      backgroundColor: 'transparent', 
     } 
    }, 

당신이 두 번째 Highcharts.Chart 전화 속으로.

fiddle으로 업데이트되었습니다.

+0

고마워요! 이 얼마나 재미있는 변칙. –

관련 문제