a033db72646fc55c8d15de702923f012487dd938.svn-base 5.6 KB

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