JavaWeb圖形報表折線圖

阿新 • • 發佈：2019-01-27

步驟說明:
1,匯入log4j.jar,jfreechart-0.9.18.jar,jdom.jar,jcommon-0.9.3.jar四個jar包

2,在某個包中寫入Tuxin.java類

package com.mengya.util;

import java.awt.Color;
import java.awt.Font;
import java.io.PrintWriter;

import javax.servlet.http.HttpSession;
import org.jfree.chart.ChartFactory;
import org.jfree.chart.ChartRenderingInfo;
import org.jfree.chart.ChartUtilities;
import org.jfree.chart.JFreeChart;
import org.jfree.chart.StandardLegend;
import org.jfree.chart.axis.NumberAxis;
import org.jfree.chart.entity.StandardEntityCollection;
import org.jfree.chart.plot.CategoryPlot;
import org.jfree.chart.plot.PlotOrientation;
import org.jfree.chart.renderer.LineAndShapeRenderer;
import org.jfree.chart.servlet.ServletUtilities;
import org.jfree.data.DefaultCategoryDataset;

public class Line
{
   private DefaultCategoryDataset dataset = new DefaultCategoryDataset();

   public void setValue(int sum, String line, String wfield)
   {

     dataset.addValue(sum, line, wfield);

   }

   public String generateLineChart(String title,String wfield, String hfield, HttpSession session, PrintWriter pw,int wPhoto,int hPhoto)
    {
     String filename = null;

    try
     {
         final JFreeChart chart = ChartFactory.createLineChart
           (
              title, // 圖表標題
              wfield, // 橫軸的顯示標籤
              hfield, // 縱軸的顯示標籤
              dataset, //資料集
              PlotOrientation.VERTICAL, // 圖表方向：水平、垂直
              true, // 是否顯示圖例
              true, // 是否生成提示工具 tooltips
              false // 是否生成URL連結
         );
         StandardLegend legend = (StandardLegend) chart.getLegend();//生成圖例
         legend.setDisplaySeriesShapes(true);//顯示圖例形狀
         legend.setShapeScaleX(1.5);//設定圖例X軸的大小
         legend.setShapeScaleY(1.5);//設定圖例Y軸的大小
         legend.setDisplaySeriesLines(true);//顯示圖示項的橫線
         //設定圖片的背景色
         chart.setBackgroundPaint(new java.awt.Color(189,235,255));

         CategoryPlot plot = (CategoryPlot) chart.getPlot();
         plot.setBackgroundPaint(new Color(239,251,255));//生成圖片中牆體的背景色
         plot.setRangeGridlinePaint(Color.black);//生成圖片中格子線的顏色

         // 沒有資料時顯示的訊息
         plot.setNoDataMessage("沒有相關統計資料");
         plot.setNoDataMessageFont(new Font("黑體", Font.CENTER_BASELINE, 16));
         plot.setNoDataMessagePaint(Color.RED);

         NumberAxis rangeAxis = (NumberAxis) plot.getRangeAxis();
         rangeAxis.setStandardTickUnits(NumberAxis.createIntegerTickUnits());//設定圖中的刻度線的單位
         rangeAxis.setAutoRangeIncludesZero(true);//強制在自動選擇的資料範圍中包含0

         LineAndShapeRenderer renderer = (LineAndShapeRenderer) plot.getRenderer();
         renderer.setDrawShapes(true);//折線的資料點根據分類使用不同的形狀
         renderer.setItemLabelsVisible(true);//顯示每個點上的資料值的提示工具,資料標籤是否可見


         ChartRenderingInfo info = new ChartRenderingInfo(new
              StandardEntityCollection());
          //500是圖片長度，300是圖片高度
          filename = ServletUtilities.saveChartAsPNG(chart, wPhoto, hPhoto, info, session);
          ChartUtilities.writeImageMap(pw, filename, info);
          pw.flush();
     }
     catch(Exception e)
     {
      e.printStackTrace();
     }
     return filename;
    }
}

3,配置web.xml,在web.xml中新增如下內空:
<servlet>
  <servlet-name>DisplayChart</servlet-name>
  <servlet-class>
   org.jfree.chart.servlet.DisplayChart
  </servlet-class>
</servlet>
<servlet-mapping>
  <servlet-name>DisplayChart</servlet-name>
  <url-pattern>/DisplayChart</url-pattern>
</servlet-mapping>

4,在要顯示圖片的jsp中新增內容:
<%@ page language="java" import="java.util.*,com.mengya.util.Line,com.mengya.bean.StuBean" pageEncoding="gbk"%>
<%@page import="java.io.PrintWriter;"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>折線圖</title>
</head>

<body>
  <%
   Line tt = new Line();
   //第一條折線
   List ar = (ArrayList) request.getAttribute("arr1");
   for (int i = 0; i < ar.size(); i++) {
    StuBean bean = (StuBean) ar.get(i);
    tt.setValue((int) bean.getS_money(), "張明學個人消費比例圖", bean.getS_month()+ "");
   }

   //條二條折線
   ar = (ArrayList) request.getAttribute("arr2");
   for (int i = 0; i < ar.size(); i++) {
    StuBean bean = (StuBean) ar.get(i);
    tt.setValue((int) bean.getS_money(), "夢婭個人消費比例圖", bean.getS_month()+ "");
   }

   //說明:tt.setValue(int a,String b,String c)
   //其中的第二個引數b是該條折線的名字,每條折線的名字最好不要一樣.

   String filename = tt.generateLineChart("個人消費比例圖", "月      份",
     "費      用", session, new PrintWriter(out), 800, 550);

   String graphURL = request.getContextPath()
     + "/DisplayChart?filename=" + filename;
  %>
  <P ALIGN="CENTER">
  <img src="<%=graphURL %>" width=800 height=550 border=1 usemap="#<%=filename%>">
</body>
</html>

JavaWeb圖形報表折線圖

JavaWeb圖形報表折線圖

javaweb EChart繪製折線圖

WPF 柱狀圖報表餅圖報表區域折線圖報表橫向柱狀圖報表折線圖報表

Echarts 簡單報表系列二：折線圖

報表（帆軟）設計——巧用組合圖（折線圖）

react-charts實現折線圖等等各種圖形（推薦使用案例二，比較容易操作）

美解決echarts的柱狀圖和折線圖的點選非圖表圖形元素不會觸發事件

Echarts報表：折線圖

使用ECharts實現各種資料統計圖（餅圖，柱狀圖，折線圖）在javaWeb中的應用

完美解決echarts的柱狀圖和折線圖的點選非圖表圖形元素不會觸發事件

iOS 中各種折線.曲線.圖形繪製方法集錦(折線圖.走勢圖.柱狀圖.動態曲線圖.形狀圖.劃線圖)

ireport5.0圖形報表--柱狀圖

ASP.NET+JQuery+.Ashx實現+百度Echarts 實現動態柱狀圖資料圖形報表的統計

iOS圖形繪製 UIBezierPath 繪製折線圖、柱狀圖、餅形圖

JQuery_HighCharts生成圖形報表_餅狀圖(模仿後臺傳送資料 JSON格式)

常見圖形:(箱線圖，柱狀圖，散點圖，折線圖...)searborn+ matplotlib

計算機圖形學（二）輸出圖元_20_章節總結_程式展示_折線圖和直方圖

JavaWeb視覺化：Web+Echarts案例：豆瓣日劇豆列電影資訊視覺化（柱狀圖、餅狀圖、折線圖）

Python開發【模塊】：matplotlib 繪制折線圖

JfreeChart折線圖 CSDN-李鵬飛

JavaWeb圖形報表折線圖

相關推薦