2015-02-10 66 views
-3

我有一個條形圖在flot中,我想除了每個數據欄之外還有向上或向下箭頭作爲指示器。基本上我想要將註釋添加到flot圖表中。 我找像下面的圖表,Flot圖表欄用箭頭表示上升和下降

enter image description here

+0

代碼樣本的比特將b é不錯... – 2015-02-10 07:22:29

+0

我使用給出的基本示例[這裏](http://www.jqueryflottutorial.com/how-to-make-jquery-flot-bar-chart.html)。 – 2015-02-10 07:34:56

+0

placeholder.append('

image
'); 此代碼行將添加所需的圖像或任何你在提到的div。 希望這有助於.. – 2015-03-27 12:25:41

回答

0

您可以添加任何HTML元素通過操縱DOM到海軍報圖,下面是說明了如何可以做到這一點的鏈接,

http://www.isquery.com/devel/jquery/flot/examples/annotating.html

充分利用下面的修改在上述鏈路的代碼段,

var o = plot.pointOffset({ x: 1, y: 15}); 
placeholder1.append('<div style="position:absolute;left:' + (o.left + 4) +  'px;top:' + o.top + 'px;color:#666;font-size:large"><img src="images/UpArrow.png" alt="image" /></div>');