如何使用 Stripes Framework 在 Web 浏览器中显示 JFreeChart

Question

情况是这样的： 我的“metrics.jsp”页面提交了创建图表所需的几个变量。 “ProjectActionBean.java”调用其他几个创建 JFreeChart 的 java 类。我可以在弹出窗口中显示图表，但我希望它显示在原始浏览器窗口中。

JFreeChart placeChart = ChartFactory.createBarChart(
                                    "ChartName",
                "",             //x-axis label
                "",             //y-axis label
                dataset,
                PlotOrientation.VERTICAL,
                false,          //legend
                true,           //tooltype
                false);         //generate urls
        ChartFrame frame = new ChartFrame(name, placeChart);
        frame.pack();
        frame.setVisible(true);

Answer 1

我已经编写了一个这样的应用程序，所以我可以向您保证它是可行的:)

首先，您需要摆脱任何 GUI 的东西。您的服务器上根本就没有 GUI。这意味着您的 ChartFrame 框架 被转储。我创建图表的主要例程如下所示：

  private void createChart(XYPlot plot, String fileName, String caption) throws IOException {
      JFreeChart chart = new JFreeChart(caption, plot);
      chart.addSubtitle(this.subtitle);
      if (plot.getRangeAxis() instanceof LogarithmicAxis) {
         chart.addSubtitle(1, new TextTitle("(logarithmische Skala)"));
      }
      File file = new File(fileName);
      file.delete();
      ChartUtilities.saveChartAsPNG(file, chart, CHART_WIDTH, CHART_HEIGHT);
   }

这将创建一个文件，您可以将其作为网页中的 提供。或者（但更高级），您可以使用 ChartUtilities 创建一个流，您可以提供该流来响应图像 URL 的请求。

需要的另一个魔法是告诉 Java 您正在运行没有 GUI 的图形代码。您需要设置环境变量

-Djava.awt.headless=true

对于像 Tomcat 这样的 Web 应用服务器，这会进入 Tomcat 启动脚本。

---

更新

好吧，“ChartUtilities.saveChartAsPNG();”不是吗？只需将图表保存到文件系统上？我希望用户能够输入变量，然后在浏览器中直接向他们显示图表。

只要您只有一个用户，将图像写入文件系统就可以很好地满足您描述的场景。事实上，这就是我的第一个版本的工作原理：我的 HTML 响应页面中有 4 个 标记，这些标记来自用户指定参数的表单；那些指向带有我的图像的 4 个文件的名称。只要您在将答案返回给用户之前完成这些文件的写入，就可以正常工作。

当您有多个用户时就会出现问题。他们最终可以查看其他用户指定的图表。有可能的解决方法是将用户的 ID 或会话编码到图表文件名中，但这很快就会变得丑陋。有一种更好的方法，基于每个图像的按需动态生成。

我不知道您对 HTML/HTTP 了解多少，所以我希望我不会让您感到厌烦：

对于任何给定的 HTTP 请求，您只能返回单个数据流。通常，这是一个 HTML 页面，即文本流。如果您希望 HTML 页面中包含图像，则可以在 HTML 页面中插入具有不同 URL 的 链接，而您仍然只是返回一个充满文本的页面。浏览器然后继续通过发出对 标记中提到的 URL 的请求来请求图像。当您的图像只是文件系统中的文件时，这非常容易。如果您想要动态生成图像（例如图表），那么您必须为要生成的每种图像想出一个 URL，并将每个 URL 映射到知道如何生成此类图像的 servlet。

我的应用程序在一个页面上有 4 个不同的图表，因此我的 HTML 页面有 4 个 标记，带有 4 个不同的 URL，这些 URL 全部映射到同一个图表生成 servlet，但是在告诉 servlet 需要哪种图表的 URL。收到请求后，servlet 将执行 JFreeChart 魔法，然后使用 ChartUtilities.writeChartAsPNG() 将生成的图像转储到 servlet 的输出流。

Answer 2

您需要编写一个 servlet，将图像（字节流）写入到客户端的输出流中。无需创建文件。基本上类似这样的东西应该可以工作：

public class ChartServlet extends HttpServlet {
  @Override
  protected void service(HttpServletRequest request, HttpServletResponse response) throws IOException {

        JFreeChart chart = .. // create your chart
        ByteArrayOutputStream bos = new ByteArrayOutputStream();
    ChartUtilities.writeChartAsPNG(bos, chart, width, height);

            response.setContentType("image/png");
            OutputStream out = new BufferedOutputStream(response.getOutputStream());
            out.write(bos.toByteArray());
            out.flush();
            out.close();
  }
}

然后将其映射到 web.xml 中的某个 url 并使用 HTML/JSP 中的“img”标记。显然你可以向它传递参数等。

Answer 3

如果您想留在 Stripes 框架内，您可以使用 StreamingResolution 的自定义扩展，因此：

创建一个新的普通 ActionBean 实现，它将表示图表的 URL（将包含在您的 img 标签中）：

@DefaultHandler
public Resolution view() {
    JFreeChart chart = ...
    return new ChartStreamingResolution(chart);
}

然后，自定义 StreamingResolution 看起来像这样：

public class ChartStreamingResolution extends StreamingResolution {
    private JFreeChart chart;
    public ChartStreamingResolution(JFreeChart chart) {
        super("image/png");
        this.chart = chart;
    }

    @Override
    public void stream(HttpServletResponse response) {
        try {
            ByteArrayOutputStream bos = new ByteArrayOutputStream();
            ChartUtilities.writeChartAsPNG(bos, chart, 400, 200);
            OutputStream out = new BufferedOutputStream(response.getOutputStream());
            out.write(bos.toByteArray());
            out.flush();
            out.close();
        } catch (Exception e) {
            //something sensible
        }
    }
}