php與Open Flash Chart多報表切換例子

來源:互聯網
上載者:User


將產生好的JSON資料傳遞給前端,前端通過JS來實現轉場效果

例子。

<?php//// This is the MODEL section://include '../php-ofc-library/open-flash-chart.php';$title = new title( date("D M d Y") );$bar = new bar();$bar->set_values( array(9,8,7,6,5,4,3,2,1) );$chart_1 = new open_flash_chart();$chart_1->set_title( $title );$chart_1->add_element( $bar );// generate some random datasrand((double)microtime()*1000000);$tmp = array();for( $i=0; $i<9; $i++ )  $tmp[] = rand(1,10);$bar_2 = new bar();$bar_2->set_values( $tmp );$chart_2 = new open_flash_chart();$chart_2->set_title( new title( "Chart 2 :-)" ) );$chart_2->add_element( $bar_2 );//// This is the VIEW section://?><html><head><script type="text/javascript" src="js/json/json2.js"></script><script type="text/javascript" src="js/swfobject.js"></script><script type="text/javascript">swfobject.embedSWF("open-flash-chart.swf", "my_chart", "350", "200", "9.0.0");</script><script type="text/javascript">function ofc_ready(){    alert('ofc_ready');}function open_flash_chart_data(){    alert( 'reading data' );    return JSON.stringify(data_1);}function load_1(){  tmp = findSWF("my_chart");  x = tmp.load( JSON.stringify(data_1) );}function load_2(){  alert("loading data_2");  tmp = findSWF("my_chart");  x = tmp.load( JSON.stringify(data_2) );}function findSWF(movieName) {  if (navigator.appName.indexOf("Microsoft")!= -1) {    return window[movieName];  } else {    return document[movieName];  }}    var data_1 = <?php echo $chart_1->toPrettyString(); ?>;var data_2 = <?php echo $chart_2->toPrettyString(); ?>;</script></head><body><p>Open Flash Chart</p><div id="my_chart"></div><br><a href="javascript:load_1()">display data_1</a> || <a href="javascript:load_2()">display data_2</a><p>Don't forget to 'view source' to see how the Javascript JSON data is loaded.</p></body></html>

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.