JSP FusionCharts Free显示图表具体实现

最新推荐文章于 2018-12-12 14:19:23 发布

wurui8

最新推荐文章于 2018-12-12 14:19:23 发布

阅读量213

点赞数

分类专栏： Java编程文章标签： java jsp 免费

Java编程专栏收录该内容

444 篇文章 1 订阅

订阅专栏

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>