文檔首頁>>Flash圖表控件 FusionCharts 使用教程>>JS圖表控件FusionCharts使用教程:使用JavaScript渲染圖表(不用Flash)
JS圖表控件FusionCharts使用教程:使用JavaScript渲染圖表(不用Flash)
在使用FusionCharts的時候,如果用戶希望只使用JavaScript建立圖表(而不是使用Flash),你那么就需要添加另一行代碼,如下所示:
FusionCharts.setCurrentRenderer('javascript');
這段代碼會使FusionCharts渲染器跳過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)用戶打開這個頁面的時候會發(fā)現(xiàn),即使在普通瀏覽器也可以看到,這個圖是純JavaScript形式,如下所示: