FusionCharts在SAP GUI中的集成.docx

一、FusionCharts简介：　　FusionCharts是InfoSoft Global的一个产品，InfoSoft Global 公司是专业的Flash图形方案提供商，他们还有几款其他的，基于Flash技术的产品，都非常的漂亮。FusionCharts是一个跨平台，跨浏览器的Flash图表组件解决方案，能够被 ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, 简单 HTML 页面甚至PPT调用。你不需要知道任何关于flash编程的知识，你只需要知道你所用的编程语言就可以了。FusionCharts是一个闪光的图表组件，它可以用来制作数据动画图表，其中动画效果用的是Adobe Flash 8 （原Macromedia Flash的）制作的Flash ， FusionCharts可用于任何网页的脚本语言类似于HTML ， .NET，ASP ， JSP技术的， PHP ， ColdFusion等，提供互动性和强大的图表。使用XML作为其数据接口， FusionCharts充分利用流体美丽的Flash创建紧凑，互动性和视觉逮捕图表。 FusionCharts v3支持以下图表类型，同时展示相应图表,方便大家直观的认识和应用：柱状图和直方图 - 2D 和 3D 直线图和面积图 - 2D 和 3D 饼图和圆环图 - 2D 和 3D 散点图和气泡图 -只有 2D 堆栈图表- 2D和3D 双轴图表- 2D和3D 组合图表 - 允许您将直线图、面积图或柱状图在单个图表中组合在一起。包括2D和3D。FCF提供了双Y轴组合图，它有两个Y轴，每个轴表示不同的刻度（例如，收益和数量，或者访问量和下载量等等。）。图形左边的坐标轴叫主坐标轴，图形右边的叫次坐标轴。滚动图 - 交互式图表，允许您在客户端对数据点进行滚动。真3D图表- 一种独一无二的基于web的图表，允许您在客户端以可视化的方式对摄像头的角度和视角进行更改。您可以旋转图标，在2D和3D之间来回切换，显示/隐藏标签或完成大量其他图表上的交互任务。二、原理分析既然FusionCharts界面这么漂亮、功能这么强大，那如果能与SAP GUI集成起来，对用户的体验提升那肯定是巨大的。心动了么？不管你心动没有，反正我心动了。心动不如行动，那就开始研究吧。Fusion Charts的文档很详细，DEMO也非常多，ASP、J2EE、.NET、PHP……但是最终实现都是调用JavaScript来实现，再看JavaScript代码，OMG，8K多行代码，这挨着看得花不少脑细胞啊，继续找，看是否有更简单直接的方法。有了，“Using HTML embedding method”，既然是直接嵌入那肯定是最简单的方式，再看看例子：3.对图表的相关参数进行赋值。2.指定使用的图表使用的FLASH文件位置。1.构建Flash Player控件。html? ?head? ? ? ? titleMy First chart using FusionCharts - ? ? ? ? ? Using HTML embedding method - XML from URL/title? ? ? ? /head? ?body? ? objectwidth=400height=300id=Column3D? ? ? ? ? ? classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000? ? ? ? ? ? codebase=? ? ? ? ? ? ? /pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0? ? ? ? ?paramname=movievalue=FusionCharts/Column3D.swf/? ? ? ? ?paramname=FlashVarsvalue=dataURL=Data.xml? ? ? ? ? ? ? ? ? ? chartWidth=400chartHeight=300? ? ? ? ? ? ? ? ? ? DOMId=myChartId?isterWithJS=1debugMode=0? ? ? ? ?paramname=qualityvalue=high/? ? ? ? ?embedsrc=FusionCharts/Column3D.swfflashVars=dataURL=Data.xml? ? ? ? ? ? ? ? ? ? chartWidth=400chartHeight=300? ? ? ? ? ? ? ? ? ? DOMId=myChartId?isterWithJS=1debugMode=0? ? ? ? ? ? ? ?