快捷導航

讀取數(shù)據(jù)庫的數(shù)據(jù)并整合成3D餅圖在jsp中顯示詳解

更新時間：2017年07月28日 11:03:29 作者：小Cai先森

這篇文章主要給大家介紹了關(guān)于讀取數(shù)據(jù)庫的數(shù)據(jù)并整合成3D餅圖在jsp中顯示的相關(guān)資料，文中通過示例代碼給大家介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面跟著小編來一起學習學習吧。

前言

本文主要給大家介紹的是關(guān)于讀取數(shù)據(jù)庫數(shù)據(jù)整合成3D餅圖并在jsp中顯示的相關(guān)內(nèi)容，分享出來供大家參考學習，下面話不多說，來一起看看詳細的介紹：

方法如下：

首先我將生成餅圖的方法獨立寫成一個PieChar.java類,詳細代碼如下：（數(shù)據(jù)庫需要自己建，如有需要的話）

import java.io.IOException;
import java.sql.SQLException;
import org.jfree.chart.ChartFactory;
import org.jfree.chart.JFreeChart;
import org.jfree.data.general.DefaultPieDataset;

public class PieChart {
 public JFreeChart chart=null;
 public PieChart() throws IOException, SQLException{
  DefaultPieDataset data = getDataset();
  chart = ChartFactory.createPieChart3D("各類商品數(shù)量餅圖", data,true, false, false);//繪制餅圖
 }
 //自定義方法，生成餅圖數(shù)據(jù)集
 private static DefaultPieDataset getDataset() throws SQLException{
  DefaultPieDataset dabaset = new DefaultPieDataset();
  ConnDB conn = new ConnDB();
  String sql = "select p_type,count(p_type) as p_type_count from product GROUP BY(p_type)";
  conn.rs = conn.doQuery(sql);
  //讀取數(shù)據(jù)庫數(shù)據(jù)，生成數(shù)據(jù)集
  while(conn.rs.next()){
   dabaset.setValue(conn.rs.getString("p_type"), conn.rs.getInt("p_type_count"));
  }
  return dabaset;
 }
}

然后在jsp文件中調(diào)用這個java類，詳細代碼如下：

<jsp:useBean id="pies" class="bean.PieChart"></jsp:useBean>
 <body>
  
 <% 
 String filename = ServletUtilities.saveChartAsPNG(pies.chart,500, 300, null,session);//生成圖片路徑
 String graphURL = request.getContextPath() + "/servlet/DisplayChart?filename=" + filename;//產(chǎn)生圖片在工程中的完整路徑
 System.out.println(graphURL);
 %>
 <div align="center">
  <img src="<%=graphURL%>"> 
 </div>
 </body>

這樣子做完還不夠，還需要在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>/servlet/DisplayChart</url-pattern>
</servlet-mapping>

完成servlet映射。

最終效果如下：