如何动态更新p:图表

Question

我想在饼状图中动态显示数据库中的数据。只显示数据没有问题，但是如果数字增加，饼图就不会更新。我不知道如何更新图表。我使用的是PrimeFaces库。

下面是我的主要代码:

@ManagedBean
public class Chart implements Serializable {
    private static final long serialVersionUID = 1L;
    private PieChartModel pieModel1;
    private int n = 0;
    private int j = 0;
    private int s = 0;
    private List<Erfasst> erfassungen;
    private EntityManagerFactory emf = Persistence
            .createEntityManagerFactory("CP Kontrolle");
    @PostConstruct
    public void init() {
        createPieModels();
    }
    private void createPieModels() {
        pieModel1 = new PieChartModel();
        EntityManager em = emf.createEntityManager();
        Query q = em.createQuery("SELECT e FROM Erfasst e");
        erfassungen = q.getResultList();
        for (Erfasst erf : erfassungen) {
            if (erf.getRechtsform().equals("natürliche Person")) {
                n++;
            } else if (erf.getRechtsform().equals("juristische Person")) {
                j++;
            } else {
                s++;
            }
        }
        pieModel1.set("natürliche Personen", n);
        pieModel1.set("juristische Personen", j);
        pieModel1.set("sonstige", s);
        pieModel1.setTitle("Erfassungen gesamt");
        pieModel1.setLegendPosition("e");
        pieModel1.setFill(false);
        pieModel1.setShowDataLabels(true);
        pieModel1.setDiameter(150);
    }
    public PieChartModel getPieModel1() {
        return pieModel1;
    }
}

在视图侧:

<p:chart type="pie"
         model="#{chart.pieModel1}"
         style="width:400px;height:300px"
         styleClass="chartPie" id="aufstellung" />

Answer 1

它不会在默认配置中自动更新(您必须"手动"更新)。但是，您可以将chart与PrimePush (websocket)结合使用。

一个很好的例子是PF showcase: http://www.primefaces.org/showcase/push/chart.xhtml (push chart)