jsf 2：如何使Primefaces线图每隔1秒更改一次？

Question

基本上，我想要实现使用Primefaces线图，可以改变每隔一秒的网页。

在我管理的bean，我得到的，说从我的数据库100点的数据。我不想一次性填充折线图，而是想像数据波一样显示它们，以便100秒内显示这100个数据。

我如何能实现呢？

Answer 1

你应该从DB获得100点的数据并将其存储在一个列表让的说主列表，并且应该有一个更将被刷新一次，一个第二和主列表的当前元素将被添加到第二个列表清单。 STH。这样的：

@ManagedBean 
@ViewScoped 
public class DataBean { 

    private ArrayList<Data> mainList;//fill this from DB via seperate DAO class 
    private ArrayList<Data> viewList; 
    public int counter; 
    //getter and setters 
    public void refreshList() { 
     viewList.add(mainList.get(counter); 
     counter++; 
    } 
} 

，并在视图层，你应该叫refreshList方法定期当然这可以通过p:poll或p:remoteCommand来完成。 RemoteCommand需要通过JS代码中调用一次以上，这是这样的：

jQuery(document).ready(function() { 
    setInterval("updateChart", 1000);//every 1 sec 
}); 

这FUNC。将调用其命名为updateChart的p:remoteCommand：

<p:remoteCommand name="updateChart" actionListener="#{dataBean.refreshList}" 
          update="myChart"/> 

myChart是你p:lineChart组件的客户端ID，你必须给出确切的ID，就可以通过浏览器的开发者设置检测到它。

并记住，这不是确切的实现可能会有错误，p:lineChart期望模型类，而不是arrayLists，我从来没有使用图表组件，但我假设系列类似于列表。希望这可以指导你。