如何使用primefaces + jqplot在水平条形图中添加垂直线

时间:2015-03-25 13:44:45

标签: primefaces charts jqplot

我正在使用primefaces + jqplot来创建水平和堆积条形图:

代码(示例 - 表面):

http://www.primefaces.org/showcase/ui/chart/bar.xhtml

我需要在图表中添加一行,如下图所示:(垂直中的红线)

http://peltiertech.com/Excel/pix1/AddLine.gif

我可以使用Primefaces + Jqplot吗?如果有可能,有人可以帮我理解吗?

1 个答案:

答案 0 :(得分:2)

终于解决了我的问题:

1 - 在Managed Bean中添加扩展程序,名称为extender:

 horizontalBarModel.setExtender("NAME");

2 - 在xhtml中创建一个javascript函数:

function NAME(){}

3 - 添加Canvas Overlay:

function NAME()
{
 this.cfg.canvasOverlay = {
                show: true,
                objects: [{verticalLine:{
                "shadow":"false",
                "lineWidth":5,
                "color":"rgb(255,0,0)",
                "x":50 
 }}]};

}

4 - 此垂直/水平线取决于以下文件(使用Primefaces 5.0):

jqplot.canvasOverlay.js

您可以在Bitbucket Cleonello Jqplot

中找到此文件

5 - 使用Bitbucket Cleonello Jqplot - Support to canvas overlay lines添加标签和工具提示。