JavaWeb实现图形报表折线图的方法_JSP编程

本文实例讲述了JavaWeb实现图形报表折线图的方法。分享给大家供大家参考,具体如下:

步骤说明:

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>

希望本文所述对大家JSP程序设计有所帮助。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索javaweb
, 折线图
图形报表
jsp 图形报表、润乾报表折线图、水晶报表 折线图、jsp折线图、jsp绘制折线图,以便于您获取更多的相关知识。

时间: 2024-12-25 23:04:34

JavaWeb实现图形报表折线图的方法_JSP编程的相关文章

在excel柱形图上添加折线图的方法

  如何在excel柱形图上添加折线图是一个提问率非常高的Excel图表问题,虽然不难,但还是有很多同学不会,今天本文以实例图文详解在excel柱形图上添加折线图的方法. [例]如下图所示的实际与计划对比表中,要求制作图表,实际和计划数用柱形图,完成比率用折线图. 制作步骤 1.选取数据表,插入选项卡 - 柱形图. 2.选取完在比率系列,右键菜单中点击"设置数据系列格式". 3.修改为次坐标轴. 4.选取完成比率系列,点击插入 - 折线图. 添加折线图完成,效果如下图所示. 补充:如果

Excel绘制简单折线图的方法

  Excel绘制简单折线图的方法 这是使用同一组数据源制作的图表,两者的视觉效果应该不用我多说了吧.接下来,咱们就看看如何实现的吧. 步骤1 首先选中表格中的任意单元格--插入选项卡--折线图--带数据标记的折线图. 步骤2 选中日期坐标轴,右键--设置坐标轴格式 在弹出的设置坐标轴格式对话框中,设置坐标轴主要刻度线类型为无. 点击数字--自定义,在格式代码中输入"m/d",点击添加--关闭 步骤3

jQuery实现折线图的方法

 这篇文章主要介绍了jQuery实现折线图的方法,涉及jQuery及相关插件的使用技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了jQuery实现折线图的方法.分享给大家供大家参考.具体如下: 效果图如下所示: js引用: 复制代码 代码如下: <script src="Js/Index/jquery-1.5.2.min.js" type="text/javascript"></script> <script src

SSRS报表折线图数据标签怎么去除箭头指示?

问题描述 SSRS报表折线图数据标签怎么去除箭头指示? 制作报表折线图时,开启数据标签,预览报表,数据标签出现指向箭头,该如何去除,做到只显示数字.开发教程">

jQuery实现折线图的方法_jquery

本文实例讲述了jQuery实现折线图的方法.分享给大家供大家参考.具体如下: 效果图如下所示: js引用: 复制代码 代码如下: <script src="Js/Index/jquery-1.5.2.min.js" type="text/javascript"></script>  <script src="js/Index/raphael.2.1.0.min.js" type="text/javascri

jqplot通过ajax动态画折线图的方法及思路_javascript技巧

效果如图所示,每个五秒钟图会移动一次(其实是重新画了一张图),能显示所监控的cpu信息. pastCpuInfomation函数主要用来显示一张折线图 updateCpuPic函数把5秒前的图去掉,重新根据现有数据画一张图. updateCpuInfomation函数 把最新的点加入存储折线的数组中 再接着在界面中弄两个定时器,让他们每个5秒执行一次updateCpuPic,每个1分钟执行一次updateCpuInfomation,图画就动起来了. PS:代码中执行好多操作前都会在服务器中获取下

D3.js实现折线图的方法详解_javascript技巧

前言 D3.js是一个帮助开发者操纵基于数据的文档的JavaScript类库,在<D3.js实现柱状图的方法详解>中已经给大家介绍过如何用D3.js来实现一个简单的柱状图了,今天我们来学习用D3.js来实现折线图,感兴趣的朋友们下面来一起看看吧. 折线图由坐标轴.线条和点组成.和实现柱状图一样,我们还是先把大概的画图框架搭起来,代码如下(别忘了添加D3.js): <!DOCTYPE html> <html lang="en"> <head>

Java Web开发之图形验证码的生成与使用方法_JSP编程

本文实例讲述了Java Web开发之图形验证码的生成与使用方法.分享给大家供大家参考.具体如下: 图形验证码的主要目的是为了增强的安全性,增加用户通过遍历所有可能性来破解密码的难度. 图形验证码的使用包括如下3部分: ① 图形验证码的生成: ② 在页面中的使用: ③ 验证: 1.图形验证码的生成 假设在Servlet生成图形验证码,在JavaBean或者JSP中生成的基本过程是相同的.设计如下过程: ① 设置响应的文档类型: ② 生成随机码: ③ 把随机码保存到session中: ④ 生成图片:

jsp+Servlet编程实现验证码的方法_JSP编程

本文实例讲述了jsp+Servlet编程实现验证码的方法.分享给大家供大家参考,具体如下: 这里用到两个类,一个用于验证码实现,一个为后台Servlet验证输入是否正确: CodeUtil.java--------验证码具体实现: package util; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.BufferedImage; import java.