ASP.NET中实现可动态更新Flash统计图-51CTO.COM

怎么在自己的ASP.NET页面插入可动态更新Flash统计图呢？网上的资源倒是不少（Fusioncharts、amCharts……），
但我觉得效果最炫的还是amcharts的统计图，还可以与用户交互

可动态更新Flash统计图效果图：

（柱状图）

（饼状图）

（股票图）

（怎么样？效果够炫吧？赶紧去官网体验一下吧，会比你想象的用起来还要好~还可以自己设置很多的效果）

amcharts官网上各种各样的都可以下载，而且可以免费使用，唯一不足的就是免费版会显示它公司的链接，不过这是可以破解的，

下载amcharts_key.txt放到flash的相同目录下即可。

我所使用的flash是两个不同的版本，一个是直接在官网下载的柱状图、另一个不知道的哪下的饼状图，不过也是amcharts的，但貌似是经过破解的，只有一个xml文件（一般来说都应该有两个，一个主要设置内容，一个主要设置外观）如下图：

准备工作:统计图的swf文件、相关的xml数据文件、swfobject1.5(现在2.x都有了，不过感觉1.5用着舒服些)
先说说从官网下载下来的使用方法吧。直接以代码呈现：(关于swfobject请查看官方文档)

 <script type="text/javascript" src="js/swfobject.js"></script> 
 <div id="flashcontent"> 
     <strong>You need to upgrade your Flash Player</strong> 
 </div> 
 <script type="text/javascript"> 
 // <![CDATA[  
     var rand = Rand();  
     var so = new SWFObject("amcolumn.swf", "column", "360", "300", "8", "#FFFFFF");  
     so.addVariable("settings_file", encodeURIComponent("amcolumn_settings.xml?"+Math.random()));  
    so.addVariable("data_file", encodeURIComponent("amcolumn_data.xml?"+Math.random()));  
    so.write("flashcontent");  
// ]]> 
</script>

首先引用swfobject.js，不然编译器会罢工的噢~ : )

然后就是一个div，也可以是span，里面有一句"You need to upgrade your Flash Player”，你肯定猜得到在flash未加
载时就会显示这句话，这是为什么呢？（破有小沈阳的味道）请继续往下看，SWFObject(注意大小写哦)里的***句就引用了想要加载的flash路径，然后下面两句关联上xml文件，如果要动态改变flash的话就必须在xml后加上一个随机变量，否则flash只会在你重新运行或者清空缓存之后改变，***一个so.write就是用flash替换掉div中的内容。

下面是改变内容的代码：(因为完全不熟悉xml，自己瞎琢磨出的一个方法，仅作参考）

using System.Xml;  
XmlDocument doc = new XmlDocument();  
doc.Load(Server.MapPath("amcolumn_data.xml"));   
XmlNodeList nodelist = doc.GetElementsByTagName("value"); //获取所有标签名为value的节点  
nodelist.Item(4).InnerText = "4000";  //设置想要修改的节点的串联值  
doc.Save(Server.MapPath("amcolumn_data.xml")); //保存到xml

好了，这样就大功告成了~

然后再说说我的另外一个flash的用法吧，这个就麻烦多了，中外的网站都给翻遍了(有点夸张,不过我确实是从晚上11点直到早上5点半才把它给解决)，开始说了，这个flash只有一个xml如果用前面的方法想要实现动态的话是不可能的，因为这个flash是从内部读取xml的，在外面怎么改都不能动态显示，我***还想通过禁用缓存的方法来解决，但也是不可能的，我甚至想了一个更绝的办法：直接拿修改后的xml去覆盖windows临时文件夹的xml。

但还是行不通，***实在不行了就只能把flash给反编译了，不过幸好flash的代码不那么麻烦，没找多久久找到了那个载入的函数

function load(url)  
{  
      xml.load(url);  
}

然后我直接在url后加上了随机变量

function load(url)  
{  
      xml.load(url+“?"+Math.random());  
}

这样ASP.NET中实现可动态更新Flash统计图就OK了

本文来自Darryn的博客园文章《在ASP.NET中使用可动态更新的flash统计图》

【编辑推荐】