FusionChartsFree在JSP中的用法
FusionCharts简单教程(四)-----基本数字格式:[url]http://www.cnblogs.com/chenssy/p/3268848.html[/url]
FusionCharts X轴显示方式:[url]http://wangxiao5530.iteye.com/blog/1454200[/url]
FusionCharts属性:[url]http://www.cnblogs.com/jifeng/archive/2012/05/28/2521306.html[/url]
1.下载FusionChartsFree
2.将FusionChartsFree/Charts/*.swf 文件copy到WEB文件加下
3.新建JSP页面,引入如下片段
<jsp:include page="../../FusionChartsHTMLRenderer.jsp" flush="true">
<jsp:param name="chartSWF"
value="static/FusionCharts/Column3D.swf" />
<jsp:param name="strURL" value="" />
<jsp:param name="strXML" value="${strXML }" />
<jsp:param name="chartId" value="myNext" />
<jsp:param name="chartWidth" value="500" />
<jsp:param name="chartHeight" value="300" />
<jsp:param name="debugMode" value="false" />
</jsp:include>
具体实例:
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <base href="<%=basePath%>"> <title>fusioncharts</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> </head> <body> <jsp:include page="../FusionChartsHTMLRenderer.jsp" flush="true"> <jsp:param name="chartSWF" value="static/FusionCharts/Column3D.swf" /> <jsp:param name="strURL" value="" /> <jsp:param name="strXML" value="${strXML}" /> <jsp:param name="chartId" value="myNext" /> <jsp:param name="chartWidth" value="500" /> <jsp:param name="chartHeight" value="300" /> <jsp:param name="debugMode" value="false" /> </jsp:include> </body></html>
FusionChartsHTMLRenderer.jsp 在FusionChartsFree/Code/Jsp/Includes/文件夹下,添加到web目录下,
3.在Controller中组织str
XML,如下:
String strXML=<graph caption='Monthly Unit Sales' xAxisName='Month' yAxisName='Units' decimalPrecision='0' formatNumberScale='0'>
<set name='Jan' value='462' color='AFD8F8' />
<set name='Feb' value='857' color='F6BD0F' />
<set name='Mar' value='671' color='8BBA00' />
<set name='Apr' value='494' color='FF8E46' />
<set name='May' value='761' color='008E8E' />
<set name='Jun' value='960' color='D64646' />
<set name='Jul' value='629' color='8E468E' />
<set name='Aug' value='622' color='588526' />
<set name='Sep' value='376' color='B3AA00' />
<set name='Oct' value='494' color='008ED6' />
<set name='Nov' value='761' color='9D080D' />
<set name='Dec' value='960' color='A186BE' />
</graph>
其中decimalPrecision='0'为精度, formatNumberScale='0'数据格式。
@Controller@RequestMapping(value = "/test")public class testController extends BaseController { Log log = LogFactory.getLog(testController.class); @RequestMapping(value = "/charts") @SystemNormalLog(description = "测试fusioncharts") public String testFusionCharts(HttpServletRequest request,HttpServletResponse response,Model model) { log.info("====Start"); String strXML="<graph caption='Monthly Unit Sales' xAxisName='Month'" + " yAxisName='Units' decimalPrecision='0' formatNumberScale='0'>"+ "<set name='Jan' value='462' color='AFD8F8' />"+ "<set name='Feb' value='857' color='F6BD0F' />"+ "<set name='Mar' value='671' color='8BBA00' />"+ "<set name='Apr' value='494' color='FF8E46' />"+ "<set name='May' value='761' color='008E8E' />"+ "<set name='Jun' value='960' color='D64646' />"+ "<set name='Jul' value='629' color='8E468E' />"+ "<set name='Aug' value='622' color='588526' />"+ "<set name='Sep' value='376' color='B3AA00' />"+ "<set name='Oct' value='494' color='008ED6' />"+ "<set name='Nov' value='761' color='9D080D' />"+ "<set name='Dec' value='960' color='A186BE' />"+ "</graph>"; model.addAttribute("strXML", strXML); return "test/charts"; }}
4.启动web访问地址host:8080/webName/test/charts,可以看到如下3D柱状图
[img]http://dl2.iteye.com/upload/attachment/0117/7665/dd915554-0a72-339a-8d83-ffe03b6c9302.png[/img]
FusionChartsFree在JSP中的用法相关推荐
- jsp 中forward 和 Redirect 的用法区别
jsp中跳转的用法和区别 区别 用法 forward的用法 redirect的用法 区别 首先我们要知道的是forward是转发,地址用的是原地址,但是内容变为设置转向地址的内容. redirect ...
- JSP 中EL表达式用法详解
EL 全名为Expression Language EL 语法很简单,它最大的特点就是使用上很方便.接下来介绍EL主要的语法结构: ${sessionScope.user.sex} 所有EL都是以${ ...
- JSP中 input type 用法
JSP中 input type 用法 Input表示Form表单中的一种输入对象,其又随Type类型的不同而分文本输入框,密码输入框,单选/复选框,提交/重置按钮等,下面一一介绍. 1,type=te ...
- jsp中include 的两种用法
1.两种用法 静态include: <%@ inlcude file ="header.jsp" %> 此时引入的是静态的jsp文件,它将引入的jsp中的源代码原封不动 ...
- 新手入门:介绍JSP中request属性的用法
新手入门:介绍JSP中request属性的用法 一.request.getParameter() 和request.getAttribute() 区别 (1)request.getParameter( ...
- jsp中的EL表达式用法
1 EL 1.1 EL表达式 1.1.1EL表达式概述 基本概念 EL表达式,全称是Expression Language.意为表达式语言.它是Servlet规范中的一部分,是JSP2.0规范加入的内 ...
- jsp中include的两个用法
我们都知道在jsp中include有两种情势,分别是 <%@ include file=" "%> <jsp:include page=" " ...
- JAVA中的request用法_新手入门:介绍JSP中request属性的用法
一.request.getParameter() 和request.getAttribute() 区别 (1)request.getParameter()取得是通过容器的实现来取得通过类似post,g ...
- JSP中EL表达式的用法详解(必看篇)
转自:https://www.jb51.net/article/105314.htm EL 全名为Expression Language EL 语法很简单,它最大的特点就是使用上很方便.接下来介绍EL ...
- JSP中的${param.属性}用法
在JSP中,我们都知道, 如${id} 意思是取出某一范围中名称为id的变量,它的取值范围Page,Request,Session,Application. 而${param.id}就不是从这四个范围 ...
最新文章
- JavaScript的写类方式(4)——转
- 机器学习基础(一)——人工神经网络与简单的感知器
- Tomcat 配置 项目 到tomcat目录外面 和 域名绑定访问(api接口、前端网站、后台管理网站)...
- python celery多worker、多队列、定时任务
- 内存颗粒和闪存颗粒的区别_浅谈闪存颗粒二三事
- linux qq多进程客户端,基于多进程QQ聊天软件设计.doc
- 天津大学计算机专硕_「20考研」计算机考研专业课变动汇总
- 什么作用计算机辅助工艺,什么是CAPP技术(计算机辅助工艺过程设计)
- 拓端tecdat|R语言有限混合模型聚类FMM、广义线性回归模型GLM混合应用分析威士忌市场和研究专利申请、支出数据
- wamp+php+下载,PHPWind Wamp
- 那些设计出来就不希望别人看懂的C代码——IOCCC国际模糊C代码大赛
- 机器学习算法 之 逻辑回归算法
- PureMVC框架知识介绍
- 面试问反射 你能跟面试官聊多少呢
- 计算机组成原理学习 笔记三
- 计量经济学笔记——自相关的检验和处理(转载)
- win10 ST-GCN复现
- 一个操作失误,阿里云大规模故障,引发大量吐槽
- LoadRunner 回放出错
- 宝塔linux面板命令大全