文檔金喜正規(guī)買(mǎi)球>>Flash圖表控件 FusionCharts 使用教程>>JS圖表控件FusionCharts使用教程:使用JavaScript渲染圖表(不用Flash)
JS圖表控件FusionCharts使用教程:使用JavaScript渲染圖表(不用Flash)
在使用FusionCharts的時(shí)候,如果用戶希望只使用JavaScript建立圖表(而不是使用Flash),你那么就需要添加另一行代碼,如下所示:
FusionCharts.setCurrentRenderer('javascript');
這段代碼會(huì)使FusionCharts渲染器跳過(guò)Flash渲染,并創(chuàng)建純基于JavaScript的圖表。
修改后的代碼如下:
<html> <head> <title>My First chart using FusionCharts - Using pure JavaScript</title> <script type="text/javascript" src="FusionCharts/FusionCharts.js"></script> </head> <body> <div id="chartContainer">FusionCharts will load here!</div> <script type="text/javascript"><!-- FusionCharts.setCurrentRenderer('javascript'); var myChart = new FusionCharts( "FusionCharts/Column3D.swf", "myChartId", "400", "300", "0", "1" ); myChart.setDataURL("Data.xml"); myChart.render("chartContainer"); // --> </script> </body> </html>
當(dāng)用戶打開(kāi)這個(gè)頁(yè)面的時(shí)候會(huì)發(fā)現(xiàn),即使在普通瀏覽器也可以看到,這個(gè)圖是純JavaScript形式,如下所示: