123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145 |
- <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
- <%
- String path = request.getContextPath();
- %>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <title>可滚动的图表</title>
- <!--框架必需start-->
- <script type="text/javascript" src="<%=path%>/libs/js/jquery.js"></script>
- <script type="text/javascript" src="<%=path%>/libs/js/language/cn.js"></script>
- <script type="text/javascript" src="<%=path%>/libs/js/framework.js"></script>
- <link href="<%=path%>/libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
- <link rel="stylesheet" type="text/css" id="skin" prePath="<%=path%>/"/>
- <link rel="stylesheet" type="text/css" id="customSkin"/>
- <!--框架必需end-->
- <!--图表脚本start-->
- <script language="JavaScript" src="<%=path%>/libs/thirdparty/fusioncharts/js/FusionCharts.js"></script>
- <!--图表脚本end-->
- <script>
- function initComplete(){
- var chartPath = "<%=path%>/libs/thirdparty/fusioncharts/swf/";
- var dataUrlPath = "<%=path%>/libs/thirdparty/fusioncharts/data/";
-
- var chart1 = new FusionCharts(chartPath + "ScrollColumn2D.swf", "ChartId", "100%", "300", "0", "0");
- chart1.setDataURL(dataUrlPath + "ScrollColData.xml");
- chart1.render("chartdiv1");
-
- var chart2 = new FusionCharts(chartPath + "ScrollLine2D.swf", "ChartId", "100%", "300", "0", "0");
- chart2.setDataURL(dataUrlPath + "ScrollLineData.xml");
- chart2.render("chartdiv2");
-
- var chart3 = new FusionCharts(chartPath + "ScrollArea2D.swf", "ChartId", "100%", "300", "0", "0");
- chart3.setDataURL(dataUrlPath + "ScrollAreaData.xml");
- chart3.render("chartdiv3");
-
- var chart4 = new FusionCharts(chartPath + "ScrollStackedColumn2D.swf", "ChartId", "100%", "300", "0", "0");
- chart4.setDataURL(dataUrlPath + "ScrollStackedCol2DData.xml");
- chart4.render("chartdiv4");
-
- var chart5 = new FusionCharts(chartPath + "ScrollCombi2D.swf", "ChartId", "100%", "300", "0", "0");
- chart5.setDataURL(dataUrlPath + "ScrollCombi2D.xml");
- chart5.render("chartdiv5");
-
- var chart6 = new FusionCharts(chartPath + "ScrollCombiDY2D.swf", "ChartId", "100%", "300", "0", "0");
- chart6.setDataURL(dataUrlPath + "ScrollCombi2DDY.xml");
- chart6.render("chartdiv6");
- }
- </script>
- </head>
- <body>
- <div class="box1" panelWidth="800">
- <fieldset>
- <legend>多列2D柱状图</legend>
- <div id="chartdiv1">
- <div class="flash_install">
- <div class="msg_icon3"></div>
- <div class="flash_install_con" >
- 您需要升级Flash播放器,<span class="forIE"><a href="<%=path%>/libs/flash/flash_IE.exe">点击这里</a>安装</span>
- <span class="forFF"><a href="<%=path%>/libs/flash/flash_FF.exe">点击这里</a>进行安装</span><br />安装后请关闭浏览器再重新打开
- </div>
- </div>
- </div>
- </fieldset>
- <div class="height_50"></div>
-
- <fieldset>
- <legend>曲线图</legend>
- <div id="chartdiv2">
- <div class="flash_install">
- <div class="msg_icon3"></div>
- <div class="flash_install_con" >
- 您需要升级Flash播放器,<span class="forIE"><a href="<%=path%>/libs/flash/flash_IE.exe">点击这里</a>安装</span>
- <span class="forFF"><a href="<%=path%>/libs/flash/flash_FF.exe">点击这里</a>进行安装</span><br />安装后请关闭浏览器再重新打开
- </div>
- </div>
- </div>
- </fieldset>
- <div class="height_50"></div>
-
- <fieldset>
- <legend>面状图</legend>
- <div id="chartdiv3">
- <div class="flash_install">
- <div class="msg_icon3"></div>
- <div class="flash_install_con" >
- 您需要升级Flash播放器,<span class="forIE"><a href="<%=path%>/libs/flash/flash_IE.exe">点击这里</a>安装</span>
- <span class="forFF"><a href="<%=path%>/libs/flash/flash_FF.exe">点击这里</a>进行安装</span><br />安装后请关闭浏览器再重新打开
- </div>
- </div>
- </div>
- </fieldset>
- <div class="height_50"></div>
-
- <fieldset>
- <legend>累加2D柱状图</legend>
- <div id="chartdiv4">
- <div class="flash_install">
- <div class="msg_icon3"></div>
- <div class="flash_install_con" >
- 您需要升级Flash播放器,<span class="forIE"><a href="<%=path%>/libs/flash/flash_IE.exe">点击这里</a>安装</span>
- <span class="forFF"><a href="<%=path%>/libs/flash/flash_FF.exe">点击这里</a>进行安装</span><br />安装后请关闭浏览器再重新打开
- </div>
- </div>
- </div>
- </fieldset>
- <div class="height_50"></div>
-
- <fieldset>
- <legend>2D组合图表</legend>
- <div id="chartdiv5">
- <div class="flash_install">
- <div class="msg_icon3"></div>
- <div class="flash_install_con" >
- 您需要升级Flash播放器,<span class="forIE"><a href="<%=path%>/libs/flash/flash_IE.exe">点击这里</a>安装</span>
- <span class="forFF"><a href="<%=path%>/libs/flash/flash_FF.exe">点击这里</a>进行安装</span><br />安装后请关闭浏览器再重新打开
- </div>
- </div>
- </div>
- </fieldset>
- <div class="height_50"></div>
-
-
- <fieldset>
- <legend>2D组合图表(Y双坐标)</legend>
- <div id="chartdiv6">
- <div class="flash_install">
- <div class="msg_icon3"></div>
- <div class="flash_install_con" >
- 您需要升级Flash播放器,<span class="forIE"><a href="<%=path%>/libs/flash/flash_IE.exe">点击这里</a>安装</span>
- <span class="forFF"><a href="<%=path%>/libs/flash/flash_FF.exe">点击这里</a>进行安装</span><br />安装后请关闭浏览器再重新打开
- </div>
- </div>
- </div>
- </fieldset>
-
-
-
-
- </div>
- </body>
- </html>
|