是否可以在浮點圖頂部放置某些東西？

Question

我有一個flot圖，我有幾個div，我想放在它上面。有什麼辦法可以做到這一點？

這裏的HTML代碼的摺疊版本：

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

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

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

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

的海軍報被鏈接到圖表ID。 div曾經坐在圖形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。