Flot图表栏用箭头表示上升和下降

问题描述：

我有一个条形图在flot中，我想除了每个数据栏之外还有向上或向下箭头作为指示器。基本上我想要将注释添加到flot图表中。我找像下面的图表，Flot图表栏用箭头表示上升和下降

enter image description here

代码样本的比特将b é不错... – 2015-02-10 07:22:29

我使用给出的基本示例[这里]（http://www.jqueryflottutorial.com/how-to-make-jquery-flot-bar-chart.html）。 – 2015-02-10 07:34:56

placeholder.append（'

'）; 此代码行将添加所需的图像或任何你在提到的div。希望这有助于.. – 2015-03-27 12:25:41

答

您可以添加任何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>');

Flot图表栏用箭头表示上升和下降

相关推荐