您现在的位置: 365建站网 > 365学习 > 在ASP.NET中使用可动态更新的flash统计图

在ASP.NET中使用可动态更新的flash统计图

文章来源:365jz.com     点击数:217    更新时间:2009-09-13 10:50   参与评论
      先唠叨几句,:D 
      时间过得真快,竟然已经有十多天没写博客了……这十来天那叫辛苦啊,有时候做程序一直做到早上5点多,眼睛可真受不了,累坏了
不过确实学了不少新的东西,也会做一些花哨的东东了,比如使用ajaxControlToolkit的UpdatePanelAnimation实现UpdatePanel的显
示效果,使用jQuery实现div的滑动效果,使用flash统计图(饼状图、柱状图....),这其中最麻烦的就是用flash了。。。
      怎么在自己的asp.net页面插入可以动态更新的效果很棒的统计图呢?网上的资源倒是不少(Fusioncharts、amCharts……),
但我觉得效果最炫的还是amcharts的统计图,还可以与用户交互
效果图:
(柱状图)

(饼状图)

(股票图)

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

amcharts官网上各种各样的都可以下载,而且可以免费使用,唯一不足的就是免费版会显示它公司的链接,不过这是可以破解的,
下载amcharts_key.txt放到flash的相同目录下即可。
      我所使用的flash是两个不同的版本,一个是直接在官网下载的柱状图、另一个不知道的哪下的饼状图,不过也是amcharts的,但貌似
是经过破解的,只有一个XML文件(一般来说都应该有两个,一个主要设置内容,一个主要设置外观)如下图:
     
 准备工作:统计图的swf文件、相关的xml数据文件、swfobject1.5(现在2.x都有了,不过感觉1.5用着舒服些)
先说说从官网下载下来的使用方法吧。直接以代码呈现:(关于swfobject请查看官方文档)

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

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

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

0 using System.Xml;
1
 XmlDocument doc = new XmlDocument();
2 doc.Load(Server.MapPath("amcolumn_data.xml"));
3 XmlNodeList nodelist = doc.GetElementsByTagName("value"); //获取所有标签名为value的节点
4 nodelist.Item(4).InnerText = "4000";  //设置想要修改的节点的串联值
5 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());
}
这样就OK了
唉~程序员真是辛苦啊~不知不觉凌晨三点过了……
希望这篇文章对大伙有点帮助吧~
由于在下水平有限,有什么说的不明确的地方还望见谅。
Enjoy~!
Creative Commons License本文采用知识共享署名-非商业性使用 2.5 中国大陆许可协议进行许可,欢迎转载,但必须署名Darryn(包括链接)。
Tag标签: ASP.net,flash,xml

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (217人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------