JSP FusionCharts Free显示图表 具体实现

FusionCharts Free的下载地址:http://www.fusioncharts.com/goodies/fusioncharts-free/

接下来在jsp页面中引入js

复制代码 代码如下:

<script type="text/javascript" src="FusionChartsFree/JSClass/FusionCharts.js"></script>

然后写入

复制代码 代码如下:

<script type="text/javascript">
        var chart = new FusionCharts("FusionChartsFree/Charts/FCF_Column3D.swf", "column1", "800", "600");
        chart.setDataURL("FusionChartsFree/Gallery/Data/Column3D.xml");
        chart.render("div1");
</script>

第二行的参数分别为:要显示图形的SWF地址,图形的id(可以任意起,但是一个页面有多个图形时是唯一的),图形的宽,图形的高;
第三行是设置要显示数据XML的地址;

第四行是渲染图形参数是DIV的id;

附:

复制代码 代码如下:

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
 <%
 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>Demo</title>
     <script type="text/javascript" src="FusionChartsFree/JSClass/FusionCharts.js"></script>
   </head>

   <body>
     <div id="div1"></div>
     <script type="text/javascript">
         var chart = new FusionCharts("FusionChartsFree/Charts/FCF_Column3D.swf", "column1", "800", "600");
         chart.setDataURL("FusionChartsFree/Gallery/Data/Column3D.xml");
         chart.render("div1");
     </script>
   </body>
 </html>

显示效果:

时间: 2024-08-21 13:33:14

JSP FusionCharts Free显示图表 具体实现的相关文章

JSP FusionCharts Free显示图表 具体实现_JSP编程

FusionCharts Free的下载地址:http://www.fusioncharts.com/goodies/fusioncharts-free/ 接下来在jsp页面中引入js 复制代码 代码如下: <script type="text/javascript" src="FusionChartsFree/JSClass/FusionCharts.js"></script> 然后写入 复制代码 代码如下: <script type

JSP页面查询显示常用模式

title: JSP页面查询显示常用模式 author: evan email: evan_zhao@hotmail.com     背景: 1.    需要将数据库查询结果在JSP中以列表方式显示 2.    在一个良好的J2EE模式中数据库查询一般用DAO实现(Data Access Object), JSP仅用于显示数据 问题:     通过JDBC ResultSet可获取查询结果(存在于数据库缓冲区内),但在Statement.Connection关闭后ResultSet即不可用.因此

Excel2010单元格中显示图表方法

  Excel2010单元格中显示图表方法           步骤一.首先,打开Excel表格,然后鼠标左键单击选中需创建迷你图表的单元格,切换到"插入"功能选项卡中,在"迷你图"组中,单击一种迷你图表类型(目前只有3种迷你图:拆线图.柱线图.盈亏图)按钮(此处选择"柱形图"),打开"创建迷你图"对话框.如下图: Excel2010 步骤二.利用"位置范围"右侧的折叠按钮,选中显示迷你图表的单元格,单击&

Excel2010在一个单元格中显示图表小技巧

  Excel2010在一个单元格中显示图表小技巧         步骤一.首先,打开Excel表格,然后鼠标左键单击选中需创建迷你图表的单元格,切换到"插入"功能选项卡中,在"迷你图"组中,单击一种迷你图表类型(目前只有3种迷你图:拆线图.柱线图.盈亏图)按钮(此处选择"柱形图"),打开"创建迷你图"对话框.如下图: Excel2010 步骤二.利用"位置范围"右侧的折叠按钮,选中显示迷你图表的单元格,单

jsp上传图片无法显示求教

问题描述 jsp上传图片无法显示求教 上传图片到本地,地址添加到数据库,三张图片位于同一文件夹下,第一张图片是手动向数据库里输入的地址 第二张是直接上传生成的地址,第三张是我检测是不是图片地址过长改的数据库地址和文件名称. 打印图片地址如下image/2.jpg image/1420378242720.jpg image/14203573.jpg 三张图片在文件夹下都能找到 为啥只有第一张可以显示呢 新上传的为啥是x呢... 百思不得其解 解决方案 你图片格式有问题吧..还没搞定?你用的什么浏览

SSH框架 关于查询视图数据在jsp页面上显示不了的问题

问题描述 SSH框架 关于查询视图数据在jsp页面上显示不了的问题 问题描述:有排课表Course,从中取出四个属性来生成视图Information,然后在service层写业务逻辑想显示视图的数据时,jsp页面显示不出数据来.service层代码: 在数据库中视图information是有数据的,请问service层应该怎么写才能在jsp中显示视图的数据? 解决方案 照你这个方法,只是返回了查询数据列表view对象,然后你需要在控制层@Controller修饰的类的某个方法中调用这个查询,并把

jsp页面框架中调用的jsp页面为什么显示的是页面代码?

问题描述 jsp页面框架中调用的jsp页面为什么显示的是页面代码? 我用jsp做了4个jsp页面,index.jsptop.jspleft.jspright.jspindex.jsp为框架页面,代码:<%@ page language=""java"" import=""java.util.*"" pageEncoding=""gbk""%><%String path

相对路径-jsp上传图片无法显示,路径问题求教

问题描述 jsp上传图片无法显示,路径问题求教 image/1420378242720.jpg image/2.jpg image/3.jpg 如上,第一张图是系统自动生成的图片地址,后面两个是我手动加入数据库的地址, 三张图都是引用的数据库中的路径,都在同一个文件夹下,三个文件都存在,为啥第一张图看不到 而后面的图可以看到呢???实在是百思不得其解,求大神指点.很急,求大家帮助 解决方案 开发工具看下你第一张图片的http状态是404还是200. 如果是404说明你文件名或者路径肯定搞错了.

对象-数据库时间类型字段在jsp页面中显示

问题描述 数据库时间类型字段在jsp页面中显示 我通过js向后台发送请求,查询数据库中的字段.其中有一个字段是date时间类型的, 查询结果在jsp页面中显示的不是时间而是Object. 解决方案 在JSP页面中显示动态时间jsp页面显示动态时间如何在JSP页面中显示当前时间 解决方案二: 前台现实的是object格式的吗? 你可以Tostring()啊 解决方案三: 格式化日期的值,或者直接Tostring 解决方案四: 吧他转为字符串在进行输出 解决方案五: 建议数据库里吧date类型转化成