2022年FusionCharts特点及技巧 .pdf

《2022年FusionCharts特点及技巧 .pdf》由会员分享，可在线阅读，更多相关《2022年FusionCharts特点及技巧 .pdf（8页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、FusionCharts特点及技巧1. 概述FusionCharts 是一个能帮你创建其引人注目的动态图像效果的Macromedia Flash 控件。充分利用 Macromedia Flash 所具有的流畅功能来创建简洁的、交互式的和引人注目的动态图像。2. 功能描述FusionCharts 是 InfoSoft Global 的一个产品， InfoSoft Global 公司是专业的Flash 图形方案提供商，他们还有几款其他的，基于Flash 技术的产品，都非常的漂亮。FusionCharts 是一个跨平台， 跨浏览器的flash 图表组件解决方案， 能够被ASP.NET, ASP, P

2、HP, JSP, ColdFusion, Ruby on Rails, 简单HTML 页面甚至PPT 调用。你不需要知道任何关于 flash 编程的知识，你只需要知道你所用的编程语言就可以了。FusionCharts 是一个闪光的图表组件，它可以用来制作数据动画图表，其中动画效果用的是 Adobe Flash 8 （原 Macromedia Flash 的）制作的flash ， FusionCharts 可用于任何网页的脚本语言类似于HTML ， .NET，ASP ， JSP技术的，PHP ， ColdFusion 等，提供互动性和强大的图表。使用 XML 作为其数据接口，FusionChar

3、ts 充分利用流体美丽的Flash创建紧凑，互动性和视觉逮捕图表。3. 技术细节3.1. 不需要任何Active-X 或扩展控件不需要安装任何扩展Active-X控件或组件来渲染效果。对于服务器不需要安装组件，FusionCharts 能够运行的非常流畅。你只需上载核心的SWF 文件到服务器中并将为其配置XML 数据文件。3.2. 减少服务器负载FusionCharts 能很大程度地减轻服务器的负荷，相当在客户端处理工作。由于该控件文件非常小，因此也非常适合窄频带传输。3.3. 兼容多种脚本语言FusionCharts 兼容多种脚本语言：如ASP，ASP.NET,JSP, PHP, Perl,

4、 CGI, CF 等，如同在名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 8 页 - - - - - - - - - 客户端进行处理时，无论是哪一种脚本语言通过数据访问组件都没太大关系。3.4. 改变客户端动态数据库你可以用客户端中很少的几句脚本来控制FusionCharts，也能够在客户端中建立全新的图形而不需要重新加载页面和图形。3.5. 可在图形中追加其它特征FusionCharts 提供了自制的很多选项：比如透明度、 色彩主题、 热点选区、 盘旋标题等。其最大的

5、好处在于你能够利用XML 数据文件进行自定义。4.FusionCharts 通过 四 种 方 法 给FusionCharts 提供 XML 数据4.1. dataURL 方法4.2. dataXML 方法4.3.JavaScript + setDataXML方法4.4.JavaScript + setDataURL方法5.FusionCharts 目录结构说明5.1Charts 存放 swf 文件。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 8 页 - - - - -

6、 - - - - 5.2 JSClass 存放 js 文件，主要是一些函数的方法调用，能够帮你用一种友好的方式把图形嵌入到html 页面。7. dataURL 、dataXML 处理，中文乱码解决方法，特性设置、link 热区设置完整实例源码：demo.jsp %String area = request.getParameter(area); if (area = null) area = 1; java.util.List datas = dbutil.DataBase.retrieve(select qymc,ppmc,ppxl,khmx from t_khxl where qybh=

7、+ area + order by ppbh); String strXML = ; int i = 0; 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 8 页 - - - - - - - - - for (java.util.HashMap data : datas) if (i = 0) strXML += ; i = 1; /动态产生的 XML文档，编码须是GBK或者 gb2312String khmx = (String) data.get(khmx); khm

8、x = new String(khmx.getBytes(gb2312), iso-8859-1); khmx = .URLEncoder.encode(khmx, iso-8859-1); strXML += ; if (strXML.trim().length() 0) strXML += ; /System.out.println(strXML);%FusionChart图表中文弹出窗口全解决文件 XML数据源 字符串 XML数据源 var myChart1 = new FusionCharts(chartjs/Charts/Column3D.swf?ChartNoDataText=没有

9、满足条件的数据 ! , myChartId, 600, 450, 0, 0); /数据文件 XML存放在 web 应用根目录 /牢记：静态的XML文件，须包含BOM 特征码myChart1.setDataURL(DemoData.xml); myChart1.render(chartDivURL); var chartXMLObj = document.getElementById(chartXmlData); var chartXML = chartXMLObj.innerHTML; /解决中文乱码的最关键一行 /有时，如果没有这一行，可能也不会有乱码 /但大多数时候会有乱码，所以这行一定不

10、能掉 /encodeURI是对 chartXML进行编码chartXML = encodeURI(chartXML); myChart1 = newFusionCharts(chartjs/Charts/Column3D.swf?ChartNoDataText=没有满足条件的数据 ! , myChartId1, 600, 350, 0, 0); /设置字符串 XML数据myChart1.setDataXML(chartXML); myChart1.render(chartDivXML); 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - -

11、- - 名师精心整理 - - - - - - - 第 5 页，共 8 页 - - - - - - - - - demoData.xml 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 8 页 - - - - - - - - - 效果图源文件名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 8 页 - - - - - - - - - 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 8 页 - - - - - - - - -