<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>java报表</title>
<style type="text/css">
*{margin:0;padding:0;}
#myReport{width:600px;height:300px;background:#CCCCFF;margin:150px auto;}
</style>
</head>
<body>
<div id="myReport"></div>
<!--引进jQuery的第三方类库-->
<script type="text/javascript" src="js/jquery.min.js" ></script>
<!--引进FusionCharts官方类库-->
<script type="text/javascript" src="js/FusionCharts.js"></script>
<script type="text/javascript" >
//jquery写法
$(function(){
var xmlData = "<chart caption='Monthly Revenue' xAxisName='Month' yAxisName='Revenue' numberPrefix='$' showValues='0'>" +
" <set label='Jan' value='420000' />" +
" <set label='Feb' value='910000' />" +
" <set label='Mar' value='720000' />" +
" <set label='Apr' value='550000' />" +
" <set label='May' value='810000' />" +
" <set label='Jun' value='510000' />" +
" <set label='Jul' value='680000' />" +
" <set label='Aug' value='620000' />" +
" <set label='Sep' value='610000' />" +
" <set label='Oct' value='490000' />" +
" <set label='Nov' value='530000' />" +
" <set label='Dec' value='330000' />" +
" <trendLines>" +
" <line startValue='700000' color='009933' displayvalue='Target' />" +
" </trendLines>" +
" </chart>";
//FusionCharts("图标类型","id","高度","宽度","0","1")
//初始化FusionCharts对象
var myChart=new FusionCharts("swf/Column3D.swf","myChartId","600","300","0","1");
//赋值(这里也可以用json格式)
myChart.setXMLData(xmlData);
//初始化到id="myReport"的容器里
myChart.render("myReport");
});
</script>
</body>
</html>
- 1
- 2
前往页