简单使用FusionCharts(Free)-飞外

介绍

FusionCharts Free 是一个跨平台，跨浏览器的flash图表组件解决方案，能够被 ASP．NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, 简单 HTML 页面甚至PPT调用。并提供互动性和强大的图表，使用XML作为其数据接口，FusionCharts充分利用流体美丽的Flash创建紧凑，互动性和视觉逮捕图表。

优点

1、有动画和后台交互比较方便(ajax)；

2、运行在各种平台；

3、最重要的就是使用简单

开始使用

前台javascript代码(FusionCharts参数不全)

 function showChart() { $$.get("Handler1.ashx", "", function (data) { var chatr = new FusionCharts("../Charts/FCF_Line.swf", "s2Chart", "500", "400"); /*FusionCharts参数 *面多个图表的时候） *flash的宽度 *flash的高度 chatr.setDataXML(data); //设置文件的xml地址或者字符串 chatr.render("div1"); //渲染到id为div1的div中 }

xml格式

 graph caption='Monthly Unit Sales' xaxisname='Month' yaxisname='Units' shownames='1' decimalprecision='0' formatnumberscale='0'  set name='1' value='422' color='AFD8F8' /set  set name='2' value='857' color='F6BD0F' /set  set name='3' value='671' color='8BBA00' /set  set name='4' value='494' color='FF8E46' /set  set name='5' value='761' color='008E8E' /set  set name='6' value='960' color='D64646' /set  set name='7' value='629' color='8E468E' /set  set name='8' value='622' color='588526' /set  set name='9' value='376' color='B3AA00' /set  set name='10' value='494' color='008ED6' /set  set name='11' value='761' color='9D080D' /set  set name='12' value='960' color='A186BE' /set  /graph 

FusionCharts常用的属性