FusionCharts如何使用JavaScript渲染圖表(不用Flash)

FusionCharts可讓用戶只使用JavaScript創建圖表(而不是使用Flash),只須要添加另外一行代碼,以下所示: javascript

FusionCharts.setCurrentRenderer('javascript');

這段代碼會使FusionCharts渲染器跳過Flash渲染,並建立純基於JavaScript的圖表。 html

修改後的代碼以下: java

<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>

當用戶打開這個頁面的時候會發現,即便在普通瀏覽器也能夠看到,這個圖是純JavaScript形式,以下所示: 瀏覽器

轉載自:http://www.cnblogs.com/shenqi/p/3289571.html spa

相關文章
相關標籤/搜索