ASP.NET中实现可动态更新Flash统计图
创始人
2024-05-01 17:21:12
0

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

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

(柱状图)


(饼状图)

(股票图)


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

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

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

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

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

  1.   type="text/javascript" src="js/swfobject.js"> 
  2.   id="flashcontent"> 
  3.      You need to upgrade your Flash Player 
  4.  
 
  •   type="text/javascript"> 
  •  //  
  •      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");  
  • // ]]> 
  •  
  • 首先引用swfobject.js,不然编译器会罢工的噢~ : )

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

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

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

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

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

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

    1. function load(url)  
    2. {  
    3.       xml.load(url);  

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

    1. function load(url)  
    2. {  
    3.       xml.load(url+“?"+Math.random());  

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

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

    【编辑推荐】

    1. ASP.NET控件学习总结
    2. 有关ASP.NET MVC框架的一些基础知识
    3. 再谈ASP.NET缓存机制:开发效率与优化的平衡
    4. 如何避免ASP.NET缓存占用系统资源
    5. 点评一下ASP.NET的WEB控件

    相关内容

    热门资讯

    如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
    如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
    施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
    20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
    德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
    为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...
    《非诚勿扰》红人闫凤娇被曝厕所... 【51CTO.com 综合消息360安全专家提醒说,“闫凤娇”、“非诚勿扰”已经被黑客盯上成为了“木...
    2012年第四季度互联网状况报... [[71653]]  北京时间4月25日消息,据国外媒体报道,全球知名的云平台公司Akamai Te...