Web开发中快速实现图形展现探讨


一般来说,实现方式有很多种,可参考的实现:

  利用Google Chart API,非常方便,只是你受限制将会很多,通过Google的License Key访问Google提供的图表API即可

  基于JFreeChart的实现,这也是我的实现方式

  实现目标:在页面插入类似:

  Html代码  

<img src="/salt/chart?id=1" usemap="#map0"/>

  如上语句即可实现图形展现,支持常用的:饼图,柱状图,仪表盘和折线图,并支持热点定义

  我是通过这样的思路实现的:

  一个Servlet,通过封装的JFreeChart操作来实现图形输出

  一个数据库表,用于保存id对应的图形对象,我的表是这样的:

  Sql代码   

create table T_CHARTSTAT 
( 
 ID    VARCHAR2(32) not null, 
 TITLE   VARCHAR2(255), --图形标题 
 XLABEL  VARCHAR2(64), --横坐标 
 YLABEL  VARCHAR2(64), --纵坐标 
 SQL    VARCHAR2(4000), --执行统计的SQL语句 
 DISP   VARCHAR2(255),  
 W     NUMBER(3) default 350, --图形宽 
 H     NUMBER(3) default 450, --图形高 
 CHARTTYPE VARCHAR2(5) default 'bar', --图形类型 
 ARGS   VARCHAR2(4000) default '{}' --其他参数,用JSON格式封装 
)

  在页面放入类似以上语句即可实现图形展现

  最终的效果如图:

  页面放置的代码如下:

  Html代码   

  <img src="/salt/chart?id=1" usemap="#map0"/> 
  <img src="/salt/chart?id=2" usemap="#map1"/> 
  <img src="/salt/chart?id=3" usemap="#map2"/> 
  <img src="/salt/chart?id=4" />



相关阅读:
在JSP中访问Oracle数据库
准备好升级你的Exchange 2003
连续滚动的超级链接文字网页代码
为你的网站增加亮点的9款jQuery插件推荐
linux ssh 升级安装方法
Oracle基础:bean的属性类型
JS.Class - 2. Methods & Types
设计视图中允许的九种数据类型
一直都需要的复制到系统剪贴板之IE,firefox兼容版
JavaServer Page(JSP)简介
数据字典表Truncate掉将导致数据库不可用
javascript asp教程 日期相关
Javascript 模式实例 观察者模式
JavaScript面向对象的两种书写方法以及差别
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 三只小鸟作文2400字 小蜗牛作文700字 构建和谐家园演讲稿 教师节青年教师演讲稿范文 创业要善于借力 喳喳小熊 重逢在珠江河畔作文700字 店铺开业祝福语短信 高二叙事作文1000字:一个无人问津的角落 曲径通幽处作文250字 读《蓝天下的课桌》有感作文350字 心情#日记 2014年最新学习全国两会精神心得 心灵感悟的句子 因为你在我心里 全国社保基金面临三大待解难题 家乡的一年四季作文450字 【词一首】风流子 杭州观花 祭心 初中初一作文700字:我爱故乡 找小姐的悲惨经历 那雨·那伞·那一瞬间 《丑小鸭还乡》续写作文1100字 我依然陪伴着你美丽 高中高三作文1200字:又是一年花开时 就一面的愿望 感谢父母作文900字 忧记 丁香花作文150字 另一种英雄作文700字 两银行给我留下的后遗症 我的中国梦400字 党章学习心得体会及思想汇报 林业系统领导新年贺词 四季的魅力 读《神秘的太空饮料》有感 红尘如梦,我走过,不留你的痕迹 如梦如幻的往事,只在心间留下一抹惆怅的真。 初中初一作文600字:纸船 经典的优美语句摘抄大全 神奇的喷泉700字 医院安全管理制度 何处是一方净土 蜡梅·苍松·竹林 可以爱,可以温暖 我怎样学数学 开学的第一天上课作文450字 方文山漂亮的让人落泪的句子 小学生读书活动策划方案 可爱的小狗——嘟嘟作文400字 小学三年级作文450字:我和书

Copyright © 2016 phpStudy |