读取数据库的数据并整合成3D饼图在jsp中显示详解_网络技术

读取数据库的数据并整合成3D饼图在jsp中显示详解

发布时间 - 2026-01-11 02:33:09 点击率：次

前言

本文主要给大家介绍的是关于读取数据库数据整合成3D饼图并在jsp中显示的相关内容，分享出来供大家参考学习，下面话不多说，来一起看看详细的介绍：

方法如下：

首先我将生成饼图的方法独立写成一个PieChar.java类,详细代码如下：（数据库需要自己建，如有需要的话）

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("各类商品数量饼图", data,true, false, false);//绘制饼图
 }
 //自定义方法，生成饼图数据集
 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);
  //读取数据库数据，生成数据集
  while(conn.rs.next()){
   dabaset.setValue(conn.rs.getString("p_type"), conn.rs.getInt("p_type_count"));
  }
  return dabaset;
 }
}

然后在jsp文件中调用这个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;//产生图片在工程中的完整路径
 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映射。

最终效果如下：

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持

# jsp读取数据库数据 # jsp页面读取数据库 # jsp饼状图 # extjs图形绘制之饼图实现方法分析 # JavaScript使用百度ECharts插件绘制饼图操作示例 # JS+canvas动态绘制饼图的方法示例 # Javascript highcharts 饼图显示数量和百分比实例代码 # html+js+highcharts绘制圆饼图表的简单实例 # 使用js画图之饼图 # javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图 # 轻松使用JSP生成饼图 # JavaScript 绘制饼图的示例 # 的是 # 相关内容 # 如有 # 并在 # 要在 # 给大家 # 自定义 # 我将 # 这篇文章 # 谢谢大家 # 还不够 # 多说 # 这样子 # 做完 # 还需 # 方法如下 # 中做 # 有疑问 # public # throws

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：微信语音转文字错误怎么办语音识别问题解决方法

下一篇：Ubuntu如何删除用户

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：微信语音转文字错误怎么办语音识别问题解决方法

下一篇：Ubuntu如何删除用户