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.效果

　　最后上个示例代码的效果图（官网上有很多各种图形的效果，相对酷）

posted @ 2012-01-06 10:20  忧忧夏天  阅读(7320)  评论(0)  编辑  收藏  举报