Java Servlet 圖表教程 · ZetCode 中文系列教程

# Java Servlet 圖表教程 > [http://zetcode.com/articles/javaservletchart/](http://zetcode.com/articles/javaservletchart/) Java Servlet 圖表教程展示了如何使用 JFreeChart 創建圖表并將其提供給 Servlet。該示例生成一個餅圖。 `Servlet`是 Java 類，可響應特定類型的網絡請求-最常見的是 HTTP 請求。 Servlet 用于以 Java 實現 Web 應用。它們在 Tomcat 或 Jetty 之類的 servlet 容器中運行。如今，Java Web 程序員使用基于 Servlet 構建的框架來開發應用。 Jetty 是 HTTP 服務器和 Servlet 容器，能夠通過獨立或嵌入式實例提供靜態和動態內容。 JFreeChart 是流行的 Java 圖表庫。它允許創建各種交互式和非交互式圖表。 ## Java Servlet 圖表示例下面的示例使用 JFreeChart 庫創建一個餅圖，并將其提供給 Java Servlet。 `pom.xml` ```java <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>com.zetcode</groupId> <artifactId>servletchart</artifactId> <version>1.0-SNAPSHOT</version> <packaging>war</packaging> <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> <maven.compiler.source>12</maven.compiler.source> <maven.compiler.target>12</maven.compiler.target> </properties> <dependencies> <dependency> <groupId>javax.servlet</groupId> <artifactId>javax.servlet-api</artifactId> <version>4.0.1</version> <scope>provided</scope> </dependency> <dependency> <groupId>org.jfree</groupId> <artifactId>jfreechart</artifactId> <version>1.5.0</version> </dependency> </dependencies> <build> <plugins> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-war-plugin</artifactId> <version>3.2.2</version> </plugin> <plugin> <groupId>org.eclipse.jetty</groupId> <artifactId>jetty-maven-plugin</artifactId> <version>9.4.14.v20181114</version> </plugin> </plugins> </build> </project> ``` `javax.servlet-api`依賴項是用于構建 Java Servlet 的庫。 `jfreechart`是 JFreeChart 庫的依賴項。 `maven-war-plugin`收集 Web 應用的所有工件依賴項，類和資源，并將它們打包到 Web 應用存檔（WAR）中。 `jetty-maven-plugin`允許我們與`mvn jetty:run`一起運行嵌入式 Jetty 服務器。 ```java pom.xml src ├───main │ ├───java │ │ └───com │ │ └───zetcode │ │ └───web │ │ DoChart.java │ ├───resources │ └───webapp │ index.html └───test └───java ``` 這是項目結構。 `webapp/index.html` ```java <!DOCTYPE html> <html> <head> <title>Chart</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="UTF-8"> </head> <body> <a href="showChart">Show chart</a> </body> </html> ``` 在`index.html`文件中，我們有一個調用 servlet 的鏈接，該 servlet 服務于餅圖。 `com/zetcode/web/DoChart.java` ```java package com.zetcode.web; import org.jfree.chart.ChartFactory; import org.jfree.chart.ChartUtils; import org.jfree.chart.JFreeChart; import org.jfree.data.general.DefaultPieDataset; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException; import java.io.OutputStream; @WebServlet(name = "DoChart", urlPatterns = {"/showChart"}) public class DoChart extends HttpServlet { @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws IOException { response.setContentType("image/png"); OutputStream os = response.getOutputStream(); JFreeChart chart = getChart(); int width = 500; int height = 350; ChartUtils.writeChartAsPNG(os, chart, width, height); } public JFreeChart getChart() { var dataset = new DefaultPieDataset(); dataset.setValue("Croatia", 22); dataset.setValue("Bohemia", 34); dataset.setValue("Bulgaria", 18); dataset.setValue("Spain", 5); dataset.setValue("Others", 21); JFreeChart chart = ChartFactory.createPieChart("Popular destinations", dataset, true, false, false); chart.setBorderVisible(false); return chart; } } ``` `DoChart` Servlet 將餅圖返回給客戶端。 ```java @WebServlet(name = "DoChart", urlPatterns = {"/showChart"}) ``` `@WebServlet`批注將具有`showChart` URL 模式的請求映射到`DoChart` servlet。 ```java @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws IOException { ``` 該請求是一個 GET 請求，因此我們以`doGet()`方法為其提供服務。 ```java response.setContentType("image/png"); ``` 該圖表用作 PNG 格式的圖像；因此，我們將響應的內容類型設置為`image/png`。 ```java OutputStream os = response.getOutputStream(); ``` 從`response`對象獲得`OutputStream`。我們通過寫 servlet 的`OutputStream`將圖表提供給客戶端。 ```java ChartUtils.writeChartAsPNG(os, chart, width, height); ``` `ChartUtils.writeChartAsPNG()`將圖表轉換為 PNG 文件，并將其寫入輸出流。 ```java public JFreeChart getChart() { var dataset = new DefaultPieDataset(); dataset.setValue("Croatia", 22); dataset.setValue("Bohemia", 34); dataset.setValue("Bulgaria", 18); dataset.setValue("Spain", 5); dataset.setValue("Others", 21); JFreeChart chart = ChartFactory.createPieChart("Popular destinations", dataset, true, false, false); chart.setBorderVisible(false); return chart; } ``` 在`getChart()`方法中，我們生成圖表。 `DefaultPieDataset`包含餅圖的數據。 ```java JFreeChart chart = ChartFactory.createPieChart("Popular destinations", dataset, true, false, false); ``` 使用`ChartFactory.createPieChart()`創建餅圖。 ## 條形圖以下代碼是發送條形圖的替代解決方案。 ```java public JFreeChart getChart() { DefaultCategoryDataset dataset = new DefaultCategoryDataset(); dataset.setValue(46, "Gold medals", "USA"); dataset.setValue(38, "Gold medals", "China"); dataset.setValue(29, "Gold medals", "UK"); dataset.setValue(22, "Gold medals", "Russia"); dataset.setValue(13, "Gold medals", "South Korea"); dataset.setValue(11, "Gold medals", "Germany"); JFreeChart barChart = ChartFactory.createBarChart( "Olympic gold medals in London", "", "Gold medals", dataset, PlotOrientation.VERTICAL, false, true, false); return barChart; } ``` 使用`ChartFactory.createBarChart()`創建條形圖。 ```java $ mvn jetty:run ``` 運行 Jetty 服務器并導航到`localhost:8080`。在本教程中，我們使用了 Java Servlet 中的 JFreeChart 庫創建餅圖并將其提供給客戶端。您可能也對以下相關教程感興趣： [JFreeChart 教程](/java/jfreechart/)和 [Java 教程](/lang/java/)。列出[所有 Java Servlet 教程](/all/#servelts)。