个性化阅读
专注于IT技术分析

PrimeFaces PieChart组件用法

它是一种图形, 其中将圆分成多个扇区, 每个扇区代表一些统计信息。这是一种以图形方式表示统计数据的方法。

<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;
@ManagedBean
public class PieChart implements Serializable {
private PieChartModel pieModel;
@PostConstruct
public 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 1
赞(0)
未经允许不得转载:srcmini » PrimeFaces PieChart组件用法

评论 抢沙发

评论前必须登录!