показывать реальное значение при наведении курсора на первоначальные грани круговой диаграммы

Я хочу показать значение (не процент, а реальное значение до расчета процента) каждой части круговой диаграммы, когда я наводил курсор на каждую из них.

вот моя круговая диаграмма:

  <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.


default-value pie-chart hover primefaces
person begiPass    schedule 18.06.2013    source источник

Ответы (2)


arrow_upward
3
arrow_downward

Primefaces PieChart, похоже, основан на jqPlot.

На сайте jqPlot есть пример, который показывает вариант: 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" />
person Jens    schedule 18.06.2013
comment
Только что понял: на это уже есть ответ. - person Jens; 18.06.2013
comment
спасибо за ваш ответ, но я хочу показать реальное значение при наведении курсора на каждую часть круговой диаграммы, а не вместо процента - person begiPass; 18.06.2013
comment
@begiPass столкнулся с той же проблемой, вы смогли заставить ее работать? - person Darth; 13.01.2014
comment
извините, я не использовал это с того времени - person begiPass; 13.01.2014
comment
@Darth Вы проверили другой ответ SO из моего первого комментария? - person Jens; 13.01.2014
comment
@Jens, о, я не видел твоего комментария, когда писал свой. Не совсем уверен, как это поскользнулось на мне. Спасибо. - person Darth; 14.01.2014

arrow_upward
0
arrow_downward

Вы должны сделать это вручную с помощью javascript, как ska объясняет здесь.

Они используют Primefaces 5.x, в вашем случае вы должны использовать тег extender="pieExtender", где pieExtender — это функция javascript.

Лучше поздно, чем никогда...

person toscanelli    schedule 28.10.2015