플로트 그래프 위에 무언가를 배치 할 수 있습니까?

Question

나는 플롯 그래프를 가지고 있으며, 그 위에 놓고 싶은 몇 개의 div가 있습니다. 내가 할 수있는 방법이 있니?

<div id='graph'> 
    <div id='selectionBox'> 
    </div> 

    <div id='valueBoard'> 
    </div> 

    <table style="position:absolute"> 
    </table> 

    <table id="gridTable" style="position:absolute"> 
    </table> 
</div> 

FLOT이 그래프 ID에 링크된다

여기에 HTML 코드 폴딩 버전이다. divs는 그래프 ID div 위에 앉아 있었지만 더 이상 그렇지 않습니다.

Answer 1

너 의 내용물은 flots 컨테이너 div입니다. div의 내용을 프로그래밍 방식으로 제어하고 플롯을 렌더링하기 전에이를 지 웁니다.

해결 방법은 programmtically flots 용기의 상단에 아이 div의 위치를하는 것입니다 :

$.plot("#placeholder", someData, {}); 
var pos = $('#placeholder').position(); 
$('#somethingElse').css({'top': pos.top, 
         'left': pos.left}); 

이 바이올린 here를 참조하십시오.