动态数据的Gchart实现

Question

我已经使用 Gchart 以图表形式显示数据。现在图表是静态的。我需要使图表动态化，因为图表值可能会一次又一次地改变。我的代码是这样的：

dynamicChartObj = new GChartModelBuilder().setChartType(GChartType.PIE).build();
dynamicChartObj = new GChartModelBuilder()
                    .setChartType(GChartType.PIE)  
                    .addColumns("Topping", "Slices")
                    .addRow("A", 12)  
                    .addRow("B", 20)
                    .addRow("C", 39)
                    .addRow("D", 45)
                    .build();

<div id="savChart">
      <pe:gChart value="#{dashboardMB.dynamicChartObj}" width="400" height="400"
      title="Quanity Wise">
      </pe:gChart>
</div>

我需要动态添加行。我该怎么做？

Answer 1

我终于找到了解决问题的方法。我的解决方案是这样的：

GChartModelBuilder chartBuilder = new GChartModelBuilder();
chartBuilder.setChartType(GChartType.PIE);
chartBuilder.addColumns("Topping", "Slices");
HashMap<String, Double> valuesOfChart = prepareRowsOfChart(); 
for (Map.Entry pair : valuesOfChart.entrySet()) {
    chartBuilder.addRow((String) pair.getKey(), ((double) pair.getValue()));
}
chartSavingModel = chartBuilder.build();

动态数据的Gchart实现

Implementation of Gchart for dynamic data

gchart

primefaces

primefaces-extensions