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

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <project xmlns="http://maven.apache.org/POM/4.0.0"
  3.          xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  4.          xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
  5.          http://maven.apache.org/xsd/maven-4.0.0.xsd">
  6.     <modelVersion>4.0.0</modelVersion>
  8.     <groupId>com.zetcode</groupId>
  9.     <artifactId>servletchart</artifactId>
  10.     <version>1.0-SNAPSHOT</version>
  12.     <packaging>war</packaging>
  14.     <properties>
  15.         <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
  16.         <maven.compiler.source>12</maven.compiler.source>
  17.         <maven.compiler.target>12</maven.compiler.target>
  18.     </properties>
  20.     <dependencies>
  21.         <dependency>
  22.             <groupId>javax.servlet</groupId>
  23.             <artifactId>javax.servlet-api</artifactId>
  24.             <version>4.0.1</version>
  25.             <scope>provided</scope>
  26.         </dependency>
  28.         <dependency>
  29.             <groupId>org.jfree</groupId>
  30.             <artifactId>jfreechart</artifactId>
  31.             <version>1.5.0</version>
  32.         </dependency>
  34.     </dependencies>
  36.     <build>
  37.         <plugins>
  39.             <plugin>
  40.                 <groupId>org.apache.maven.plugins</groupId>
  41.                 <artifactId>maven-war-plugin</artifactId>
  42.                 <version>3.2.2</version>
  43.             </plugin>
  45.             <plugin>
  46.                 <groupId>org.eclipse.jetty</groupId>
  47.                 <artifactId>jetty-maven-plugin</artifactId>
  48.                 <version>9.4.14.v20181114</version>
  49.             </plugin>
  50.         </plugins>
  51.     </build>
  53. </project>

javax.servlet-api依赖项是用于构建 Java Servlet 的库。 jfreechart是 JFreeChart 库的依赖项。

maven-war-plugin收集 Web 应用的所有工件依赖项，类和资源，并将它们打包到 Web 应用存档（WAR）中。 jetty-maven-plugin允许我们与mvn jetty:run一起运行嵌入式 Jetty 服务器。

  1. pom.xml
  2. src
  3. ├───main
  4. │   ├───java
  5. │   │   └───com
  6. │   │       └───zetcode
  7. │   │           └───web
  8. │   │                   DoChart.java
  9. │   ├───resources
  10. │   └───webapp
  11. │           index.html
  12. └───test
  13.     └───java

这是项目结构。

webapp/index.html

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>Chart</title>
  5.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.         <meta charset="UTF-8">
  7.     </head>
  8.     <body>
  9.         <a href="showChart">Show chart</a>
  10.     </body>
  11. </html>

在index.html文件中，我们有一个调用 servlet 的链接，该 servlet 服务于饼图。

com/zetcode/web/DoChart.java

  1. package com.zetcode.web;
  3. import org.jfree.chart.ChartFactory;
  4. import org.jfree.chart.ChartUtils;
  5. import org.jfree.chart.JFreeChart;
  6. import org.jfree.data.general.DefaultPieDataset;
  8. import javax.servlet.annotation.WebServlet;
  9. import javax.servlet.http.HttpServlet;
  10. import javax.servlet.http.HttpServletRequest;
  11. import javax.servlet.http.HttpServletResponse;
  12. import java.io.IOException;
  13. import java.io.OutputStream;
  15. @WebServlet(name = "DoChart", urlPatterns = {"/showChart"})
  16. public class DoChart extends HttpServlet {
  18.     @Override
  19.     protected void doGet(HttpServletRequest request, HttpServletResponse response)
  20.             throws IOException {
  22.         response.setContentType("image/png");
  24.         OutputStream os = response.getOutputStream();
  26.         JFreeChart chart = getChart();
  27.         int width = 500;
  28.         int height = 350;
  30.         ChartUtils.writeChartAsPNG(os, chart, width, height);
  31.     }
  33.     public JFreeChart getChart() {
  35.         var dataset = new DefaultPieDataset();
  37.         dataset.setValue("Croatia", 22);
  38.         dataset.setValue("Bohemia", 34);
  39.         dataset.setValue("Bulgaria", 18);
  40.         dataset.setValue("Spain", 5);
  41.         dataset.setValue("Others", 21);
  43.         JFreeChart chart = ChartFactory.createPieChart("Popular destinations",
  44.                 dataset, true, false, false);
  46.         chart.setBorderVisible(false);
  48.         return chart;
  49.     }
  50. }

DoChart Servlet 将饼图返回给客户端。

  1. @WebServlet(name = "DoChart", urlPatterns = {"/showChart"})

@WebServlet批注将具有showChart URL 模式的请求映射到DoChart servlet。

  1. @Override
  2. protected void doGet(HttpServletRequest request, HttpServletResponse response)
  3.         throws IOException {

该请求是一个 GET 请求，因此我们以doGet()方法为其提供服务。

  1. response.setContentType("image/png");

该图表用作 PNG 格式的图像； 因此，我们将响应的内容类型设置为image/png。

  1. OutputStream os = response.getOutputStream();

从response对象获得OutputStream。 我们通过写 servlet 的OutputStream将图表提供给客户端。

  1. ChartUtils.writeChartAsPNG(os, chart, width, height);

ChartUtils.writeChartAsPNG()将图表转换为 PNG 文件，并将其写入输出流。

  1. public JFreeChart getChart() {
  3.     var dataset = new DefaultPieDataset();
  5.     dataset.setValue("Croatia", 22);
  6.     dataset.setValue("Bohemia", 34);
  7.     dataset.setValue("Bulgaria", 18);
  8.     dataset.setValue("Spain", 5);
  9.     dataset.setValue("Others", 21);
  11.     JFreeChart chart = ChartFactory.createPieChart("Popular destinations",
  12.             dataset, true, false, false);
  14.     chart.setBorderVisible(false);
  16.     return chart;
  17. }

在getChart()方法中，我们生成图表。 DefaultPieDataset包含饼图的数据。

  1. JFreeChart chart = ChartFactory.createPieChart("Popular destinations",
  2.         dataset, true, false, false);

使用ChartFactory.createPieChart()创建饼图。

条形图

以下代码是发送条形图的替代解决方案。

  1. public JFreeChart getChart() {
  3.     DefaultCategoryDataset dataset = new DefaultCategoryDataset();
  4.     dataset.setValue(46, "Gold medals", "USA");
  5.     dataset.setValue(38, "Gold medals", "China");
  6.     dataset.setValue(29, "Gold medals", "UK");
  7.     dataset.setValue(22, "Gold medals", "Russia");
  8.     dataset.setValue(13, "Gold medals", "South Korea");
  9.     dataset.setValue(11, "Gold medals", "Germany");
  11.     JFreeChart barChart = ChartFactory.createBarChart(
  12.             "Olympic gold medals in London",
  13.             "",
  14.             "Gold medals",
  15.             dataset,
  16.             PlotOrientation.VERTICAL,
  17.             false, true, false);
  19.     return barChart;
  20. }

使用ChartFactory.createBarChart()创建条形图。

  1. $ mvn jetty:run

运行 Jetty 服务器并导航到localhost:8080。

在本教程中，我们使用了 Java Servlet 中的 JFreeChart 库创建饼图并将其提供给客户端。

您可能也对以下相关教程感兴趣： JFreeChart 教程和 Java 教程。

列出所有 Java Servlet 教程。