FusionCharts Demo_fusioncharts china-优快云博客

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>