PrimeFaces 3.4 Charts datatipFormat

Question

今天我想尝试新的PrimeFaces版本3.4.RC1.对于图表,有一个名为datatipFormat的新属性.

我想只在折线图中显示值(y轴)作为datatip.像这样:

<p:lineChart value="#{...}" datatipFormat="y-value"/>

我该怎么做只显示这个？我找不到一个带有模板String的例子.

最好的问候Veote

Answer 1

Primefaces使用jqPlot Library for Charts.在那里我找到了以下条目:

我试过Highlighter.formatString(来自Primefaces Showcase的例子):

   <p:lineChart  id="basic" value="#{userBean.categoryModel}" legendPosition="ne" 
   datatipFormat="#{userBean.datatipFormat}"  title="Basic Bar Chart" min="0"
    max="200" style="height:300px"/>

的UserBean

public String getDatatipFormat(){
   return "<span style=\"display:none;\">%s</span><span>%s</span>";
}

而这个小技巧只有y轴显示.

Answer 2

您可以使用extender所有PrimeFaces图表标签的属性来覆盖默认的绘图选项.例:

<script type="text/javascript">
  function customExtender() {
    this.cfg.highlighter = {
      useAxesFormatters: false,
      tooltipAxes: 'y'
    }
  }
</script>
...
<p:lineChart extender="customExtender" value="..." />

其他可用的jqplot选项可以在这里找到:http://www.jqplot.com/docs/files/jqPlotOptions-txt.html 但请注意文档说它已经过时了.