当前位置:首页 > PHP教程 > php高级应用 > 列表

php与Open Flash Chart多报表切换例子

发布:smiling 来源: PHP粉丝网  添加日期:2015-04-15 10:24:14 浏览: 评论:0 

Open Flash Chart多报表我们在许多的网站都会看到这个功能了,今天小编就来为各位介绍Open Flash Chart多报表使用方法吧,将生成好的JSON数据传递给前端,前端通过JS来实现切换效果,例子.

  1. <?php 
  2. // 
  3. // This is the MODEL section: 
  4. // 
  5. <a href="/tags.php/include/" target="_blank">include</a> '../php-ofc-library/open-flash-chart.php'
  6. $title = new title( date("D M d Y") ); 
  7. $bar = new bar(); 
  8. $bar->set_values( array(9,8,7,6,5,4,3,2,1) ); 
  9. $chart_1 = new open_flash_chart(); 
  10. $chart_1->set_title( $title ); 
  11. $chart_1->add_element( $bar ); 
  12.  
  13. // generate some random data 
  14. srand((double)microtime()*1000000); 
  15. $tmp = array(); 
  16. for$i=0; $i<9; $i++ ) 
  17.   $tmp[] = rand(1,10); 
  18. $bar_2 = new bar(); 
  19. $bar_2->set_values( $tmp ); 
  20. $chart_2 = new open_flash_chart(); 
  21. $chart_2->set_title( new title( "Chart 2 :-)" ) ); 
  22. $chart_2->add_element( $bar_2 ); 
  23.  
  24. // 
  25. // This is the VIEW section: 
  26. // 
  27. ?> 
  28. <html> 
  29. <head> 
  30. <script type="text/<a href="/js_a/js.html" target="_blank">javascript</a>" src="js/json/json2.js"></script> 
  31. <script type="text/javascript" src="js/swfobject.js"></script> 
  32. <script type="text/javascript"
  33. swfobject.embedSWF("open-flash-chart.swf""my_chart""350""200""9.0.0"); 
  34. </script> 
  35. <script type="text/javascript"
  36. function ofc_ready() 
  37.     alert('ofc_ready'); 
  38. function open_flash_chart_data() 
  39.     alert( 'reading data' ); 
  40.     return JSON.stringify(data_1); 
  41. function load_1() 
  42.   tmp = findSWF("my_chart"); 
  43.   x = tmp.load( JSON.stringify(data_1) ); 
  44. function load_2() 
  45.   alert("loading data_2"); 
  46.   tmp = findSWF("my_chart"); 
  47.   x = tmp.load( JSON.stringify(data_2) ); 
  48. function findSWF(movieName) { 
  49.   if (navigator.appName.indexOf("Microsoft")!= -1) { 
  50.     return window[movieName]; 
  51.   } else { 
  52.     return document[movieName]; 
  53.   } 
  54.       
  55. var data_1 = <?php echo $chart_1->toPrettyString(); ?>; 
  56. var data_2 = <?php echo $chart_2->toPrettyString(); ?>; 
  57. </script> 
  58.  
  59. </head> 
  60. <body> 
  61. <p>Open Flash Chart</p> 
  62. //开源软件:phpfensi.com 
  63. <div id="my_chart"></div> 
  64. <br> 
  65. <a href="javascript:load_1()">display data_1</a> || <a href="javascript:load_2()">display data_2</a> 
  66. <p> 
  67. Don't forget to 'view source' to see how the Javascript JSON data is loaded. 
  68. </p> 
  69. </body> 
  70. </html>

Tags: Open Flash Chart php多报表

分享到: