熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

JSP FusionCharts Free顯示圖表 具體實現

2022-06-13   來源: JSP教程 

  FusionCharts Free的

  接下來在jsp頁面中引入js

復制代碼 代碼如下:
<script type="text/javascript" src="FusionChartsFree/JSClass/FusionChartsjs"></script>

  
然後寫入

復制代碼 代碼如下:
<script type="text/javascript">
        var chart = new FusionCharts("FusionChartsFree/Charts/FCF_ColumnDswf" "column" "" "");
        chartsetDataURL("FusionChartsFree/Gallery/Data/ColumnDxml");
        chartrender("div");
</script>

  
第二行的參數分別為要顯示圖形的SWF地址圖形的id(可以任意起但是一個頁面有多個圖形時是唯一的)圖形的寬圖形的高
第三行是設置要顯示數據XML的地址

  第四行是渲染圖形參數是DIV的id

  附

復制代碼 代碼如下:
<%@ page language="java" import="javautil*" pageEncoding="GBK"%>
 <%
 String path = requestgetContextPath();
 String basePath = requestgetScheme()+"://"+requestgetServerName()+":"+requestgetServerPort()+path+"/";
 %>
 <!DOCTYPE HTML PUBLIC "//WC//DTD HTML Transitional//EN">
 <html>
   <head>
     <base href="<%=basePath%>">

     <title>Demo</title>
     <script type="text/javascript" src="FusionChartsFree/JSClass/FusionChartsjs"></script>
   </head>

   <body>
     <div id="div"></div>
     <script type="text/javascript">
         var chart = new FusionCharts("FusionChartsFree/Charts/FCF_ColumnDswf" "column" "" "");
         chartsetDataURL("FusionChartsFree/Gallery/Data/ColumnDxml");
         chartrender("div");
     </script>
   </body>
 </html>

  
顯示效果


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20121.html
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.