我正在使用primefaces + jqplot来创建水平和堆积条形图:
代码(示例 - 表面):
http://www.primefaces.org/showcase/ui/chart/bar.xhtml
我需要在图表中添加一行,如下图所示:(垂直中的红线)
http://peltiertech.com/Excel/pix1/AddLine.gif
我可以使用Primefaces + Jqplot吗?如果有可能,有人可以帮我理解吗?
答案 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添加标签和工具提示。