0

我有一个 JSF 应用程序，在哪里

  • 用户按下按钮，然后
  • 一个新的数据项被添加到图表和
  • 图表应重新绘制。

重新绘制图表的正确方法是什么？

目前，我在托管 bean 中有以下代码，它处理按钮按下事件：

public void simulateYearButtonAction() 
{
    // Update other UI elements here

    this.updateChart();
}

private void updateBirthsChart() {
    final FacesContext context = FacesContext.getCurrentInstance();
    final ChartBean bean =
            (ChartBean) context.getApplication().evaluateExpressionGet(
                    context, "#{chartBean}", ChartBean.class);
    final DataStore dataStore = (DataStore)this.simulationFacade;
    bean.addBirthsData(this.year-1, dataStore.getValue(DataStoreValueType.BIRTHS_LAST_YEAR));
}

在ChartBean我向图表系列添加一个新数据项

public ChartBean() {  
    createCategoryModel();  
}  
private void createCategoryModel() {  
    categoryModel = new CartesianChartModel();  

    birthsSeries = new ChartSeries();
    birthsSeries.setLabel("Рождения");

    birthsSeries.set(2012, 0);
    categoryModel.addSeries(birthsSeries);
}  

public void addBirthsData(final int aYear, final double aNumberOfBirths) {
    this.birthsSeries.set(aYear, aNumberOfBirths);
}

该页面ChartBean以这种方式使用：

<p:lineChart id="category" value="#{chartBean.categoryModel}"
    legendPosition="e" title="Демографическая динамика" minX="2012" maxX="2112"
    style="height:300px;margin-top:20px" />

我不知道如何告诉图表它现在应该更新（并显示新数据）。

4

1 回答 1

1

当按下按钮时，将调用 backing bean 方法，该方法将重建您的图表。update="category"包含图表的操作完成后将更新：

<p:commandButton actionListener=#{chartBean.refreshCategoryModel()}
                 update="category"/>

在你的支持bean中：

public void refreshCategoryModel() {
    createCategoryModel();
}

private void createCategoryModel() {  
    categoryModel = new CartesianChartModel();  

    birthsSeries = new ChartSeries();
    birthsSeries.setLabel("Рождения");

    birthsSeries.set(2012, 0);
    categoryModel.addSeries(birthsSeries);
}

新生成的图表可能取决于一些动态值。当你process调用你的<p:commandButton/>.

您可能会发现以下帖子https://stackoverflow.com/a/12929296/407466很有用。

于 2012-10-24T20:52:01.897 回答