multiple - primefaces showcase
Pieza de cuadros de PrimeFaces: La información sobre herramientas no se muestra en mi entorno local (1)
He recreado la página de ejemplo que se muestra en el escaparate de Primefaces en:
http://www.primefaces.org/showcase/ui/chart/pie.xhtml
El gráfico circular se muestra con éxito y puedo ajustar el modelo de gráfico circular para los setters y getters disponibles, pero al pasar el dedo sobre un gráfico del gráfico no se muestra ninguna información sobre herramientas.
Este no es un problema del navegador, como en el mismo navegador que las sugerencias de herramientas muestran en el sitio de demostración.
El divisor jqplot-highlighter-tooltip se muestra en la fuente html, pero no se actualiza al desplazarse. No hay errores en la consola de JavaScript.
Estoy usando la dependencia 5.2 maven, y también he intentado con 4.0, pero sin cambios.
Agradecería cualquier idea.
Gracias.
El código para el bean administrado es el siguiente:
package org.primefaces.examples;
import org.primefaces.model.chart.PieChartModel;
import javax.annotation.PostConstruct;
import javax.faces.bean.ManagedBean;
import java.io.Serializable;
@ManagedBean
public class ChartView implements Serializable {
private static final long serialVersionUID = 1075867144472594293L;
private PieChartModel pieModel1;
private PieChartModel pieModel2;
@PostConstruct
public void init() {
createPieModels();
}
public PieChartModel getPieModel1() {
return pieModel1;
}
public PieChartModel getPieModel2() {
return pieModel2;
}
private void createPieModels() {
createPieModel1();
createPieModel2();
}
private void createPieModel1() {
pieModel1 = new PieChartModel();
pieModel1.set("Brand 1", 540);
pieModel1.set("Brand 2", 325);
pieModel1.set("Brand 3", 702);
pieModel1.set("Brand 4", 421);
pieModel1.setTitle("Simple Pie");
pieModel1.setLegendPosition("w");
}
private void createPieModel2() {
pieModel2 = new PieChartModel();
pieModel2.set("Brand 1", 540);
pieModel2.set("Brand 2", 325);
pieModel2.set("Brand 3", 702);
pieModel2.set("Brand 4", 421);
pieModel2.setTitle("Custom Pie");
pieModel2.setLegendPosition("e");
pieModel2.setFill(false);
pieModel2.setShowDataLabels(true);
pieModel2.setDiameter(150);
}
}
El código para la página de vista es:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui">
<h:head/>
<h:body>
<p:chart type="pie" model="#{chartView.pieModel1}" style="width:400px;height:300px" />
<p:chart type="pie" model="#{chartView.pieModel2}" style="width:400px;height:300px" />
</h:body>
</html>
He enfrentado el mismo problema. Usando un extensor lo arregló:
Facelet:
<script type="text/javascript"> function pieExtender() { this.cfg.highlighter = { show: true, tooltipLocation: ''n'', useAxesFormatters: false, formatString: ''%s = %d'' }; } </script>Manage Bean:
pieModel.setExtender("pieExtender");
Para obtener más ajustes, consulte: http://www.jqplot.com/docs/files/plugins/jqplot-highlighter-js.html