• 1. Hello,Everybody~~
  • 2. FusionChartsFlash 图表控件
  • 3. What’s fusioncharts??Fusioncharts是一个基于Flash的图表组件,可以用来提供数据驱动的动态图标 。充分利用流体美丽的Flash为模板,使用XML作为其数据接口,创造紧凑,互动的动态图表。可用于任何网页脚本语言(eg:jsp、html等) 。
  • 4. FusionCharts三要素前提:必须安装Adobe Flash 8 SWF文件 Xml格式的数据源 页面脚本语言(jsp)
  • 5. 现在假设有了这三要素,那么我们可以创建出哪些专业的动态的图标呢??开发方已为我们提供了37个swf flash模板 那么我们就可以至少生成37种图表
  • 6. 单一系列的图表十种 单一:指只存在一个系列的数据(即一个横坐标的值对应一个纵轴的值) 数据格式:
  • 7. (本页无文本内容)
  • 8. (本页无文本内容)
  • 9. (本页无文本内容)
  • 10. (本页无文本内容)
  • 11. (本页无文本内容)
  • 12. 多序列图表六种 多序列:指存在两个或者两个以上系列的数据 …… …… ……
  • 13. (本页无文本内容)
  • 14. (本页无文本内容)
  • 15. 堆栈系列图表六种 堆栈系列:数据格式同多序列图表 与多序列不同之处:swf文件不一样,多序列采用的横向呈现,主要用于比较。堆栈采用纵向呈现,主要用于总和、统计
  • 16. (本页无文本内容)
  • 17. (本页无文本内容)
  • 18. 联合图表七种 联合系列:指以上三个系列的图表联合一起使用的情况。 数据结构:与多序列图表的类似。只是
  • 19. (本页无文本内容)
  • 20. (本页无文本内容)
  • 21. 散列图两种 数据结构: …… ……
  • 22. (本页无文本内容)
  • 23. 带滚动的图表六种 与相应的不带滚动条的图表数据结构是一样的,只是swf文件不一样。当数据比较多的时候,会生成滚动条
  • 24. (本页无文本内容)
  • 25. 带零点的图表
  • 26. 3D可旋转图表
  • 27. 下面就以单一系列图表的生成为例说明如何创建一个简单的fusioncharts图表
  • 28. 1、swf动画文件 按照你所设计的图表类型加载相应的.swf文件到你的工程即可(eg:若你想生成一张二维柱状图,那么在你的工程里就必须包含Column2D.swf文件)
  • 29. 2、数据源——xml格式生成方法: 方法1、直接写一个data.jsp文件,按照xml格式设置图表的各种属性,对于横纵坐标的值可以写后台方法读取,这样就可以被FusionCharts对象的setDataURL()方法加载数据。 方法2、从后台读取数据加上一些属性后拼成一个xml格式的字符串,被FusionCharts对象的setDataXML()方法调用加载数据。
  • 30. Xml格式的数据源示例Data.jsp头部属性设置 <%@page import="servlet.singleSer" %> <%singleSer single = new singleSer();%>
  • 31. Xml格式的数据源示例Data.jsp身体部分属性(即设置横纵坐标的值即趋势线) " link='n-charts/FusionChartsHTMLRenderer.jsp%3Fmonth%3DJan&value%3D<%=single.findBymonth("Jan") %>'/> ……
  • 32. 可通过Styles 设置丰富的效果