FusionCharts Demo


1.介紹

  直接看官網吧,官方下載的flash是有水印的,想要沒有水印就花錢或找破解的。

2.示例

  Charts文件夾里面是所需要的flash和js文件

  Code文件夾里是一些文檔的示例代碼

  Contents文件夾里放的是文檔具體內容,文檔可以從index.html進去

  ExportHandlers文件夾里是一些各種語言的導出腳本

  Gallery文件夾里是一些案例

  Tools文件夾是一個不錯的東西,里面有xml和json格式轉換,xml結構生成的工具

3.一個簡單的例子

  步驟:引用js文件,使用js構造chart,載入數據

  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>FusionCharts Demo</title>

    <script src="FusionCharts/Charts/FusionCharts.js" type="text/javascript"></script>
    
    <script type="text/javascript">
        function init() {
            var chart = new FusionCharts("FusionCharts/Charts/Column3D.swf", "myChartId", "500", "300", "0", "1");
            chart.setXMLUrl("t.xml");
            chart.render("chartContainer");
        }
    </script>
</head>
<body onload="init();">
    <div id="chartContainer"></div>
</body>
</html>

4.數據格式

  每種圖形都有自己的格式,具體可以參考FusionCharts_Evaluation\Gallery\Data\XML里的內容

5.效果

  最后上個示例代碼的效果圖(官網上有很多各種圖形的效果,相對酷)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM