在pieChart primefaces中悬停部分时显示实际值

时间:2013-06-18 12:29:31

标签: primefaces hover default-value pie-chart

我希望在我悬停每个部分时显示pieChart的每个部分的值(不是百分比,而是计算百分比前的实际值)

这是我的pieChart:

  <p:pieChart id="mypie" extender="ext" value="#{statistiquesMB.pieModelRegions}" 
                legendPosition="e"  
            showDataLabels="true"  
            seriesColors="FFFFFF, FFFF00, FF00FF, FF0000, C0C0C0, 808080, 808000, 800080, 800000, 00FFFF, 00FF00, 008080, 008000, 0000FF, 000080, 000000"
             style="width:900px;height:500px" sliceMargin="5" diameter="440" />

我在Primefaces的用户指南中找不到此选项。

2 个答案:

答案 0 :(得分:3)

Primefaces PieChart似乎基于jqPlot

jqPlot网站上有example,其中显示选项:dataLabels: 'value'

所以只需在pieChart组件上设置此属性:

<p:pieChart 
    id="mypie" 
    dataFormat="value"
    extender="ext" 
    value="#{statistiquesMB.pieModelRegions}" 
    legendPosition="e"  
    showDataLabels="true"  
    seriesColors="FFFFFF, FFFF00, FF00FF, FF0000, C0C0C0, 808080, 808000, 800080, 800000, 00FFFF, 00FF00, 008080, 008000, 0000FF, 000080, 000000"
    style="width:900px;height:500px" sliceMargin="5" diameter="440" />

答案 1 :(得分:0)

您必须使用javascript手动执行此操作,因为ska说明here

他们正在使用Primefaces 5.x,在你的情况下你必须使用标签extender="pieExtender",其中pieExtender是javascript函数。

迟到总比不上......