PrimeFaces PieChart组件用法 _PrimeFaces组件

它是一种图形, 其中将圆分成多个扇区, 每个扇区代表一些统计信息。这是一种以图形方式表示统计数据的方法。
< p：chart> 组件用于创建图表。在这里, 我们需要设置type =” pie” 来创建饼图。它使用了上一章中讨论的图表组件的所有属性。
例子在下面的示例中, 我们正在实现< p：chart> 组件以创建饼图。本示例包含以下文件。
JSF文件
// pieChart.xhtml

< ?xml version='1.0' encoding='UTF-8' ?> < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> < html xmlns="http://www.w3.org/1999/xhtml"xmlns:h="http://xmlns.jcp.org/jsf/html"xmlns:p="http://primefaces.org/ui"> < h:head> < title> PieChart< /title> < /h:head> < h:body> < p:chart type="pie" model="#{pieChart.pieModel}" style="width:400px; height:300px" /> < /h:body> < /html>

ManagedBean
// PieChart.java

package com.srcmini; import javax.annotation.PostConstruct; import java.io.Serializable; import javax.faces.bean.ManagedBean; import org.primefaces.model.chart.PieChartModel; @ManagedBeanpublic class PieChart implements Serializable {private PieChartModel pieModel; @PostConstructpublic void init() {createPieModels(); }public PieChartModel getPieModel() {return pieModel; }private void createPieModels() {createPieModel(); }private void createPieModel() {pieModel = new PieChartModel(); pieModel.set("Mercedess", 700); pieModel.set("BMW", 300); pieModel.set("Volvo", 400); pieModel.setTitle("Car Brands"); pieModel.setLegendPosition("c"); }}

【PrimeFaces PieChart组件用法】输出