2012-11-14 2 views
1

는 gRaphael 만 팝업, up, down, leftright를 배치 4 개 위치, 일반적으로이 충분하다을 지원하지만, 내 선 그래프는 공간이 제한되어 있기 때문에 팝업이 차단된다 SVG 내부. 제 질문은, up right (오른쪽 위), up left (왼쪽 위), down right (오른쪽 아래) 또는 down left (왼쪽 아래) 위치에 팝업을 삽입하는 방법은 무엇입니까?gRaphael 팝업 위치 내가 볼 수있는 것과

+2

파이 차트에서했던 것처럼 사용자 정의 툴팁은 어떻습니까? http://jsfiddle.net/vedmack/cuaBX/ 당신이 모든 것을 통제하는 그런 식으로 ... – Daniel

+0

제안에 감사드립니다, 나는 그것을 들여다 볼 것입니다! :) 나는 팝업을 사용하려고 노력하고있다. 그 완벽한 것은 # 1 등상이 될 것입니다! – Odyss3us

+0

요소의 크기에 따라 각 팝업의 위치를 ​​조정할 수 있습니다. 팝업으로 그래프의 바이올린을 제공해 주시겠습니까? 그리고 나는 그들을 움직이기 위해 무엇을 할 수 있는지 보겠습니다. – sacohe

답변

0

나는

//show the tooltip 
showTip(column.node,column.symbols[0].node,"label",tailPos,tipPos); 

function showTip(selector,target,content,tailPosition,tipPosition) 
{ 
    $(selector).qtip({ 
     content: content, 
     position: { 
      my: tailPosition, //tip tail position 
      at: tipPosition, //tip body position 
      target: $(target) //position the tip at this element 
     }, 
     show: { 
      ready: true //show popup 
     }, 
     style: { 
      classes: 'ui-tooltip-rounded ui-tooltip-dark' 
     } 

    }); 
} 

이 완벽하게 작동 ...과 같이, qTip를 사용하여 끝났다. :)

0

사용자 정의 툴팁은 어떻습니까? div을 간단히 만들고 원형 차트 에서처럼 차트 컨테이너에 추가 할 수 있습니까?

Interactive Pie Chart with Tooltip

, 당신은 모든 것을 제어 그런 식으로 ...

+0

qTip을 사용하여 끝났습니다. 완벽하게 작동했습니다. :) – Odyss3us