如何在JSP网页中生成动态图表

2024-12-27 13:04:00

推荐回答（3个）

回答1：

JSP页面中嵌入动态图表的两种方法 :在JSP页面中插入Applet小程序 ;通过JavaBean动态生成图像。
JSP是一种广泛应用的网页设计技术 ,它是一种HTML和Java脚本混合的编程技术 ,它结合了HTML的静态特性和Java语言的动态能力 ,因此用它进行动态网页设计非常方便。在进行图像处理时 ,一般处理静态图片非常容易 ,但是 ,在实际应用中常常需要动态地在网页中生成二维的图形.
基于JFreeChart开发的一个时序图的绘制。代码如下：
实例中createDataset()方法用于创建数据集合对象。时序图的数据集合与其他数据集合不同，它需要添加一个时间段内的所有数据，通常采用TimeSeries类进行添加。该实例中通过Math类的random()方法进行随机生成。
import java.awt.*;
import java.awt.event.ActionEvent;
import
java.awt.event.ActionListener;
import java.io.BufferedInputStream;
import
java.io.DataInputStream;
import java.io.FileOutputStream;
import
java.io.IOException;
import java.net.URL;
import
java.net.URLConnection;
import java.text.DateFormat;
import
java.text.ParseException;
import java.text.SimpleDateFormat;
import
java.util.Calendar;
import java.util.Date;
import java.util.Random;

import javax.swing.JApplet;
import javax.swing.Timer;

import org.jfree.chart.*;
import
org.jfree.chart.annotations.CategoryTextAnnotation;
import
org.jfree.chart.axis.CategoryAnchor;
import
org.jfree.chart.axis.CategoryAxis;
import
org.jfree.chart.axis.CategoryLabelPositions;
import
org.jfree.chart.axis.DateAxis;
import
org.jfree.chart.axis.DateTickUnit;
import
org.jfree.chart.axis.DateTickUnitType;
import
org.jfree.chart.axis.ValueAxis;
import
org.jfree.chart.labels.StandardCategoryItemLabelGenerator;
import
org.jfree.chart.plot.CategoryPlot;
import
org.jfree.chart.plot.PlotOrientation;
import
org.jfree.chart.plot.XYPlot;
import
org.jfree.chart.renderer.category.BarRenderer;
import
org.jfree.chart.title.TextTitle;
import
org.jfree.data.category.CategoryDataset;
import
org.jfree.data.category.IntervalCategoryDataset;

import org.jfree.chart.axis.NumberAxis;
import
org.jfree.data.category.DefaultCategoryDataset;
import
org.jfree.data.gantt.Task;
import org.jfree.data.gantt.TaskSeries;
import
org.jfree.data.gantt.TaskSeriesCollection;
import
org.jfree.data.time.Day;
import org.jfree.data.time.Second;
import
org.jfree.data.time.TimeSeries;
import
org.jfree.data.time.TimeSeriesCollection;
import
org.jfree.data.xy.XYDataset;

public class shixutu extends JApplet {
//PLOT_FONT是一静态的字体常量对象，使用此对象可以避免反复用到的字体对象被多次创建

private static final Font PLOT_FONT = new Font("黑体", Font.ITALIC ,
18);
        JFreeChart chart;
//创建数据动态更新的监听
  class DataGenerator extends Timer
implements ActionListener {

private static final long serialVersionUID =
3977867288743720504L;
         String
equID;
//设备ID号
         int
totalTask;
//任务数
         String[][]
strTask;
//任务情况
         public void
actionPerformed(ActionEvent actionevent) {
addTotalObservation();
         }         DataGenerator()
{



super(1000,
null);

addActionListener(this);

System.out.println("super");

}
     }


//将更新的数据添加到chart中
     private void addTotalObservation()
{

System.out.println("addTotalObservation");

//设置新的数据集

chart.getXYPlot().setDataset(createDataset());

//通知Jfreechart
数据发生了改变，重新绘制柱状图
          if
(chart != null)
{

chart.fireChartChanged();

}
      }
        private static void
processChart(JFreeChart chart)
{

//设置标题字体

chart.getTitle().setFont(new Font("隶书", Font.BOLD,
26));

//设置背景色

chart.setBackgroundPaint(new
Color(252,175,134));

XYPlot plot = chart.getXYPlot();
//获取图表的绘制属性

plot.setDomainGridlinesVisible(false);
//设置网格不显示

//获取时间轴对象

DateAxis dateAxis = (DateAxis)
plot.getDomainAxis();

dateAxis.setLabelFont(PLOT_FONT);
//设置时间轴字体

//设置时间轴标尺值字体

dateAxis.setTickLabelFont(new
Font("宋体",Font.PLAIN,12));

dateAxis.setLowerMargin(0.0);
//设置时间轴上显示的最小值

//获取数据轴对象

ValueAxis valueAxis =
plot.getRangeAxis();

valueAxis.setLabelFont(PLOT_FONT);
//设置数据字体

DateFormat format = new SimpleDateFormat("mm分ss秒");
//创建日期格式对象

//创建DateTickUnit对象

DateTickUnit dtu = new
DateTickUnit(DateTickUnitType.SECOND,30,format);

dateAxis.setTickUnit(dtu);
//设置日期轴的日期标签           }          //将结果输出在文件中
private static
void writeChartAsImage(JFreeChart chart)
{

FileOutputStream fos_jpg =
null;

try
{

fos_jpg = new
FileOutputStream("D:\\test\\shixutu.jpg");

ChartUtilities.writeChartAsJPEG(fos_jpg, 1, chart, 400, 300,
null);

} catch (Exception e)
{

e.printStackTrace();

} finally
{

try
{

fos_jpg.close();

} catch (Exception e)
{

}

}

}

//创建数据集合对象

public static XYDataset createDataset()
{

//实例化TimeSeries对象

TimeSeries timeseries = new
TimeSeries("Data");

Second second = new Second();
//实例化Day


double d =
50D;

//添加一年365天的数据

for (int i = 0; i < 500; i++)
{

d = d + (Math.random() - 0.5) * 10;
//创建随机数据

timeseries.second(day, d);
//向数据集合中添加数据

second = (Second)
second.next();

}
TimeSeriesCollection timeSeriesCollection =
new
TimeSeriesCollection(timeseries);

//返回数据集合对象

return timeSeriesCollection;           } //Applet程序初始化
public void init()
{
        // 1.
得到数据
      XYDataset dataset =
createDataset();

// 2.
构造chart

chart =
ChartFactory.createTimeSeriesChart(

"时序图示范", //
图表标题

"时间", //
目录轴的显示标签--横轴

"数值", //
数值轴的显示标签--纵轴

dataset, //
数据集

false,

false, //
是否生成工具

false //
是否生成URL链接

);

// 3.
处理chart中文显示问题

processChart(chart);


// 4.
chart输出图片

//writeChartAsImage(chart);

// 5. chart
以swing形式输出

//6.使用applet输出

ChartPanel chartPanel = new
ChartPanel(chart);

chartPanel.setPreferredSize(new
java.awt.Dimension(800,500));

getContentPane().add(chartPanel);          (new
DataGenerator()).start();

}

         public void
paint(Graphics g)
{
             if
(chart != null)
{

chart.draw((Graphics2D) g,
getBounds());

}
         }

public void destroy() {
    }
}

回答2：

汗，好像没有直接生成这种图表的，不过可以用JAVA来做。很多java书上都有介绍，如果你没书的话可以看看这个
http://blog.csdn.net/jefflan/archive/2006/07/20/948861.aspx
开源的项目

回答3：

用JAVA可以做的，不过要花很多功夫