17bd150d01ed3cd754e7692dd9ff6220aef87aab.svn-base 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  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 type="text/javascript">
  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 + "Column2D.swf", "chart1", "740", "300", "0", "0");
  26. chart1.setDataURL("<%=path%>/chartsAction.do?method=column2D");
  27. chart1.render("chartdiv1");
  28. var chart2 = new FusionCharts(chartPath + "Pie2D.swf", "chart2", "100%", "300", "0", "0");
  29. chart2.setDataURL(dataUrlPath + "Pie2D.xml");
  30. chart2.render("chartdiv2");
  31. var chart3 = new FusionCharts(chartPath + "Line.swf", "chart3", "100%", "300", "0", "0");
  32. chart3.setDataURL(dataUrlPath + "Line2D.xml");
  33. chart3.render("chartdiv3");
  34. var chart4 = new FusionCharts(chartPath + "Bar2D.swf", "chart4", "100%", "300", "0", "0");
  35. chart4.setDataURL(dataUrlPath + "Bar2D.xml");
  36. chart4.render("chartdiv4");
  37. var chart5 = new FusionCharts(chartPath + "Area2D.swf", "chart5", "100%", "300", "0", "0");
  38. chart5.setDataURL(dataUrlPath + "Area2D.xml");
  39. chart5.render("chartdiv5");
  40. var chart6 = new FusionCharts(chartPath + "Doughnut2D.swf", "chart6", "100%", "300", "0", "0");
  41. chart6.setDataURL(dataUrlPath + "Doughnut2D.xml");
  42. chart6.render("chartdiv6");
  43. };
  44. </script>
  45. </head>
  46. <body>
  47. <div class="box1" panelWidth="800">
  48. <fieldset>
  49. <legend>柱状图</legend>
  50. <div class="red">此示例由后台支持</div>
  51. <p>此图表中,设置了X轴名称、Y轴名称信息。</p>
  52. <div id="chartdiv1">
  53. <div class="flash_install">
  54. <div class="msg_icon3"></div>
  55. <div class="flash_install_con" >
  56. 您需要升级Flash播放器,<span class="forIE"><a href="<%=path%>/libs/flash/flash_IE.exe">点击这里</a>安装</span>
  57. <span class="forFF"><a href="<%=path%>/libs/flash/flash_FF.exe">点击这里</a>进行安装</span><br />安装后请关闭浏览器再重新打开
  58. </div>
  59. </div>
  60. </div>
  61. </fieldset>
  62. <div class="height_50"></div>
  63. <fieldset>
  64. <legend>饼状图</legend>
  65. <div id="chartdiv2">
  66. <div class="flash_install">
  67. <div class="msg_icon3"></div>
  68. <div class="flash_install_con" >
  69. 您需要升级Flash播放器,<span class="forIE"><a href="<%=path%>/libs/flash/flash_IE.exe">点击这里</a>安装</span>
  70. <span class="forFF"><a href="<%=path%>/libs/flash/flash_FF.exe">点击这里</a>进行安装</span><br />安装后请关闭浏览器再重新打开
  71. </div>
  72. </div>
  73. </div>
  74. </fieldset>
  75. <div class="height_50"></div>
  76. <fieldset>
  77. <legend>曲线图</legend>
  78. <p>此图表中,设置了副标题、数据后缀信息。</p>
  79. <div id="chartdiv3">
  80. <div class="flash_install">
  81. <div class="msg_icon3"></div>
  82. <div class="flash_install_con" >
  83. 您需要升级Flash播放器,<span class="forIE"><a href="<%=path%>/libs/flash/flash_IE.exe">点击这里</a>安装</span>
  84. <span class="forFF"><a href="<%=path%>/libs/flash/flash_FF.exe">点击这里</a>进行安装</span><br />安装后请关闭浏览器再重新打开
  85. </div>
  86. </div>
  87. </div>
  88. </fieldset>
  89. <div class="height_50"></div>
  90. <fieldset>
  91. <legend>条形图</legend>
  92. <div id="chartdiv4">
  93. <div class="flash_install">
  94. <div class="msg_icon3"></div>
  95. <div class="flash_install_con" >
  96. 您需要升级Flash播放器,<span class="forIE"><a href="<%=path%>/libs/flash/flash_IE.exe">点击这里</a>安装</span>
  97. <span class="forFF"><a href="<%=path%>/libs/flash/flash_FF.exe">点击这里</a>进行安装</span><br />安装后请关闭浏览器再重新打开
  98. </div>
  99. </div>
  100. </div>
  101. </fieldset>
  102. <div class="height_50"></div>
  103. <fieldset>
  104. <legend>面状图</legend>
  105. <div id="chartdiv5">
  106. <div class="flash_install">
  107. <div class="msg_icon3"></div>
  108. <div class="flash_install_con" >
  109. 您需要升级Flash播放器,<span class="forIE"><a href="<%=path%>/libs/flash/flash_IE.exe">点击这里</a>安装</span>
  110. <span class="forFF"><a href="<%=path%>/libs/flash/flash_FF.exe">点击这里</a>进行安装</span><br />安装后请关闭浏览器再重新打开
  111. </div>
  112. </div>
  113. </div>
  114. </fieldset>
  115. <div class="height_50"></div>
  116. <fieldset>
  117. <legend>环形图</legend>
  118. <div id="chartdiv6">
  119. <div class="flash_install">
  120. <div class="msg_icon3"></div>
  121. <div class="flash_install_con" >
  122. 您需要升级Flash播放器,<span class="forIE"><a href="<%=path%>/libs/flash/flash_IE.exe">点击这里</a>安装</span>
  123. <span class="forFF"><a href="<%=path%>/libs/flash/flash_FF.exe">点击这里</a>进行安装</span><br />安装后请关闭浏览器再重新打开
  124. </div>
  125. </div>
  126. </div>
  127. </fieldset>
  128. </div>
  129. </body>
  130. </html>