그래프 원형 차트 범례

Question

지금은 몇 주 동안 gRaphaël 차트를 사용하고 있으며, 지금은 이상한 문제가 있습니다. 되풀이되는 테마는 원형 차트 범례 라벨이 모두 엉뚱한 장소에서 함께 뭉치 게된다는 것입니다. 그림> 단어 :이 경우 사용자가 예상하는대로 차트가 생성됩니다

는 :

var r = Raphael(domNode, 300, 120); 

this.chart = r.piechart(55, 55, 50, [75, 25], 
    { 
     colors: [ 
      "000-#d00-#900", 
      "000-#3a3-#070" 
     ], 
     legend: ["Building", "Tertiary Education"], 
     legendpos: "east" 
    }); 

나는 다음 몇 가지 기본적인 스타일을 수행하지만을 해제하는 것은 도움이되지 않습니다. 문제는 노드 <svg>에서 분명하게 볼 수 있습니다 (텍스트 노드와 원 노드는 겹치는 위치를 공유합니다). 그러나 그 위치가 어디서 왔는지, 왜 그랬는지 모릅니다. 다른 차트는 정상적으로 작동합니다. 포럼이나 이슈 트래커에는 아무 것도 없지만, 나는 그저/대신에 물어봐야한다는 것을 알았지 만.

Raphaël 2.1.0 및 g.Raphael 0.51을 사용합니다.

Answer 1

나는이 정확한 문제를 다루는 다음 blog post을 발견했다. facebox를 나타낸 후,

따라서 용액 facebox 부분 제 렌더링한다 : 파이 차트는 초기 숨겨진 요소 렌더링되면 gRaphael 제대로이 적층 범례 발생 위치를 계산하는 문제가있다 Raphael Javascript를 실행합니다. 다른 단어의 경우 차트 컨테이너가 이고 숨겨져 있지 않으면 차트를 생성해야합니다.

나는 원형 차트 생성 기능을 jQuery 문서 준비 지시문에서 숨겨진 요소를 볼 수있게하는 클릭 이벤트로 이동시킴으로써이를 해결했다.

Answer 2

는

{ legend: ["Building", "Tertiary Education"] , legendpos: "east"} 

그것의 I 사이 찾을 수 taht를 유일한 차이점을 다음과 같이 전설을 정의하려고 당신과 my working jsfiddle