是否可以在浮点图顶部放置某些东西？

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。