615a5605d39f3db6640a0feec075bacbc20d290a.svn-base 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%
  3. String path = request.getContextPath();
  4. %>
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml">
  7. <head>
  8. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  9. <title>可滚动的图表</title>
  10. <!--框架必需start-->
  11. <script type="text/javascript" src="<%=path%>/libs/js/jquery.js"></script>
  12. <script type="text/javascript" src="<%=path%>/libs/js/language/cn.js"></script>
  13. <script type="text/javascript" src="<%=path%>/libs/js/framework.js"></script>
  14. <link href="<%=path%>/libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
  15. <link rel="stylesheet" type="text/css" id="skin" prePath="<%=path%>/"/>
  16. <link rel="stylesheet" type="text/css" id="customSkin"/>
  17. <!--框架必需end-->
  18. <!--图表脚本start-->
  19. <script language="JavaScript" src="<%=path%>/libs/thirdparty/fusioncharts/js/FusionCharts.js"></script>
  20. <!--图表脚本end-->
  21. <script>
  22. function initComplete(){
  23. var chartPath = "<%=path%>/libs/thirdparty/fusioncharts/swf/";
  24. var dataUrlPath = "<%=path%>/libs/thirdparty/fusioncharts/data/";
  25. var chart1 = new FusionCharts(chartPath + "ScrollColumn2D.swf", "ChartId", "100%", "300", "0", "0");
  26. chart1.setDataURL(dataUrlPath + "ScrollColData.xml");
  27. chart1.render("chartdiv1");
  28. var chart2 = new FusionCharts(chartPath + "ScrollLine2D.swf", "ChartId", "100%", "300", "0", "0");
  29. chart2.setDataURL(dataUrlPath + "ScrollLineData.xml");
  30. chart2.render("chartdiv2");
  31. var chart3 = new FusionCharts(chartPath + "ScrollArea2D.swf", "ChartId", "100%", "300", "0", "0");
  32. chart3.setDataURL(dataUrlPath + "ScrollAreaData.xml");
  33. chart3.render("chartdiv3");
  34. var chart4 = new FusionCharts(chartPath + "ScrollStackedColumn2D.swf", "ChartId", "100%", "300", "0", "0");
  35. chart4.setDataURL(dataUrlPath + "ScrollStackedCol2DData.xml");
  36. chart4.render("chartdiv4");
  37. var chart5 = new FusionCharts(chartPath + "ScrollCombi2D.swf", "ChartId", "100%", "300", "0", "0");
  38. chart5.setDataURL(dataUrlPath + "ScrollCombi2D.xml");
  39. chart5.render("chartdiv5");
  40. var chart6 = new FusionCharts(chartPath + "ScrollCombiDY2D.swf", "ChartId", "100%", "300", "0", "0");
  41. chart6.setDataURL(dataUrlPath + "ScrollCombi2DDY.xml");
  42. chart6.render("chartdiv6");
  43. }
  44. </script>
  45. </head>
  46. <body>
  47. <div class="box1" panelWidth="800">
  48. <fieldset>
  49. <legend>多列2D柱状图</legend>
  50. <div id="chartdiv1">
  51. <div class="flash_install">
  52. <div class="msg_icon3"></div>
  53. <div class="flash_install_con" >
  54. 您需要升级Flash播放器,<span class="forIE"><a href="<%=path%>/libs/flash/flash_IE.exe">点击这里</a>安装</span>
  55. <span class="forFF"><a href="<%=path%>/libs/flash/flash_FF.exe">点击这里</a>进行安装</span><br />安装后请关闭浏览器再重新打开
  56. </div>
  57. </div>
  58. </div>
  59. </fieldset>
  60. <div class="height_50"></div>
  61. <fieldset>
  62. <legend>曲线图</legend>
  63. <div id="chartdiv2">
  64. <div class="flash_install">
  65. <div class="msg_icon3"></div>
  66. <div class="flash_install_con" >
  67. 您需要升级Flash播放器,<span class="forIE"><a href="<%=path%>/libs/flash/flash_IE.exe">点击这里</a>安装</span>
  68. <span class="forFF"><a href="<%=path%>/libs/flash/flash_FF.exe">点击这里</a>进行安装</span><br />安装后请关闭浏览器再重新打开
  69. </div>
  70. </div>
  71. </div>
  72. </fieldset>
  73. <div class="height_50"></div>
  74. <fieldset>
  75. <legend>面状图</legend>
  76. <div id="chartdiv3">
  77. <div class="flash_install">
  78. <div class="msg_icon3"></div>
  79. <div class="flash_install_con" >
  80. 您需要升级Flash播放器,<span class="forIE"><a href="<%=path%>/libs/flash/flash_IE.exe">点击这里</a>安装</span>
  81. <span class="forFF"><a href="<%=path%>/libs/flash/flash_FF.exe">点击这里</a>进行安装</span><br />安装后请关闭浏览器再重新打开
  82. </div>
  83. </div>
  84. </div>
  85. </fieldset>
  86. <div class="height_50"></div>
  87. <fieldset>
  88. <legend>累加2D柱状图</legend>
  89. <div id="chartdiv4">
  90. <div class="flash_install">
  91. <div class="msg_icon3"></div>
  92. <div class="flash_install_con" >
  93. 您需要升级Flash播放器,<span class="forIE"><a href="<%=path%>/libs/flash/flash_IE.exe">点击这里</a>安装</span>
  94. <span class="forFF"><a href="<%=path%>/libs/flash/flash_FF.exe">点击这里</a>进行安装</span><br />安装后请关闭浏览器再重新打开
  95. </div>
  96. </div>
  97. </div>
  98. </fieldset>
  99. <div class="height_50"></div>
  100. <fieldset>
  101. <legend>2D组合图表</legend>
  102. <div id="chartdiv5">
  103. <div class="flash_install">
  104. <div class="msg_icon3"></div>
  105. <div class="flash_install_con" >
  106. 您需要升级Flash播放器,<span class="forIE"><a href="<%=path%>/libs/flash/flash_IE.exe">点击这里</a>安装</span>
  107. <span class="forFF"><a href="<%=path%>/libs/flash/flash_FF.exe">点击这里</a>进行安装</span><br />安装后请关闭浏览器再重新打开
  108. </div>
  109. </div>
  110. </div>
  111. </fieldset>
  112. <div class="height_50"></div>
  113. <fieldset>
  114. <legend>2D组合图表(Y双坐标)</legend>
  115. <div id="chartdiv6">
  116. <div class="flash_install">
  117. <div class="msg_icon3"></div>
  118. <div class="flash_install_con" >
  119. 您需要升级Flash播放器,<span class="forIE"><a href="<%=path%>/libs/flash/flash_IE.exe">点击这里</a>安装</span>
  120. <span class="forFF"><a href="<%=path%>/libs/flash/flash_FF.exe">点击这里</a>进行安装</span><br />安装后请关闭浏览器再重新打开
  121. </div>
  122. </div>
  123. </div>
  124. </fieldset>
  125. </div>
  126. </body>
  127. </html>