jsp

位置:IT落伍者 >> jsp >> 浏览文章

JSP FusionCharts Free显示图表 具体实现


发布日期:2020年03月30日
 
JSP FusionCharts Free显示图表 具体实现

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>


显示效果

上一篇:深入讲解提升JSP应用程序的七个实用方法

下一篇:JSP中bean的使用