`

FCF学习笔记

阅读更多
   FCF类似于之前使用的JFreeChart,但是功能更为强大,和炫丽,主要使用Flash技术,所以前端显示非常炫丽。不仅功能强大,而且类型灰常丰富!
首先我得说,FCF是一个跨平台的,跨浏览器的flash图标组件解决方案。能够被N多语言调用。我做的是java,所以当然谈jsp,不过这一点,是2.1版本新增的特性。关于新的一些特性。就不说了。直接上代码。
1、准备工作
   1) 下载FCF(最新版本:V2.1);
   2) 创建工程,并建立一个文件夹:FusionCharts(默认),之后将所有的SWF文件cp到该文件夹;
   3) 创建数据文件(Xxx.xml)
  eg:
  Data.xml
    <chart caption='Monthly Unit Sales' xAxisName='Month' yAxisName='Units'
showValues='0' formatNumberScale='0' showBorder='1'>
<set label='Jan' value='462' />
<set label='Feb' value='857' />
<set label='Mar' value='671' />
<set label='Apr' value='494' />
<set label='May' value='761' />
<set label='Jun' value='960' />
<set label='Jul' value='629' />
<set label='Aug' value='622' />
<set label='Sep' value='376' />
<set label='Oct' value='494' />
<set label='Nov' value='761' />
<set label='Dec' value='960' />
</chart>

   4) 创建jsp页面
   <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>销售额度柱形图</title>
</head>
<body bgcolor="#fffff">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
width="600" height="500" id="Column3D">
<param name="movie" value="FusionCharts/Column3D.swf" />
<param name="FlashVars"
value="&dataURL=Data.xml&chartWidth=600&chartHeight=500" />
<param name="quality" value="high" />
<embed src="FusionCharts/FCF_Column3D.swf"
flashVars="&dataURL=Data.xml&chartWidth=600&chartHeight=500"
quality="high" width="600" height="500" name="Column3D"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" />

</object>
</body>
</html>

代码解析:
    上面的代码,其实就是一个显示flash的简单标记。具体的标签属性不表,值得说的是:不同浏览器对显示flash的要求是不一样的,我们发现有一个embed参数,他的各个属性和值和param参数的值都是一样的,为什么会这样呢?其实这是因为为了在不同的浏览器里都能运行flash的一个解决办法。IE浏览器使用param参数来运行flash,二NetScape则是使用embed参数来运行flash。为此我们均使用该两个标签。

发布,访问,最后你可以看到一个非常炫的chart图。
如果不幸,你没有在页面上看到漂亮的chart图,则可能是因为:
   1、SWF没有复制?
   2、在页面中,没有正确设置SWF的位置?
   3、没有安装flash播放器?
   4、没有启用浏览器的flash播放?
   5、遇到“Error in loading Data”?可能是因为:Data.xml没有放到正确的文件夹,或者文件名不正确(eg:Data.xml.txt?);
   6、遇到“Invaild XML Data”? 可是是因为:Data.xml没有正确编写

第一个FCF应用结束。
分享到:
评论

相关推荐

    Haslam_UCP_FCF_3.0

    ### Haslam_UCP_FCF_3.0:深入解析UCP与FCF的关键特性及配置 #### 一、背景介绍 在《Haslam_UCP_FCF_3.0》这一文档中,Simon Haslam(Veriton Limited公司的高级顾问)重点讨论了如何通过使用UCP(Universal ...

    What's the difference between TAF and FCF

    透明应用故障切换(TAF)和快速连接故障切换(FCF)是两种在高可用性环境中用于处理数据库连接故障的机制。它们都是Oracle数据库提供的功能,以确保在系统出现故障时,应用程序能够继续运行,而不会中断服务。下面将...

    FCF_Column2D

    zgraphix/public/FusionCharts/FCF_Column2D.swf. Fetching contributors… Cannot retrieve contributors at this time. Raw History. executable file 18.9 KB.

    FCF-621CT电压采集模块Modbuspull调试.rar

    Modbus是一种串行通信协议,是Modicon公司(现在的施耐德电气 Schneider Electric)于1979年为使用可编程逻辑控制器(PLC)通信而发表。Modbus已经成为工业领域通信协议的业界标准(De facto),并且现在是工业电子设备...

    ASP.NET统计图FCF

    ASP.NET统计图FCF是一种用于在Web应用程序中...通过深入学习这些文档和教程,开发者可以熟练掌握ASP.NET统计图FCF,从而在Web应用中构建出美观、交互性强的数据可视化界面,提升用户体验,更好地传达数据背后的故事。

    FCF全部的SWF96个

    标题 "FCF全部的SWF96个" 暗示了这可能是一个包含96个SWF(ShockWave Flash)文件的集合。SWF是一种用于在Web上展示交互式内容,如动画、游戏和应用程序的文件格式。这些文件通常与Adobe Flash相关,一个曾经非常...

    FusionChartsFree示例工程加FCF教程

    ### FCF教程学习 FCF教程将引导您逐步掌握使用技巧,从基础概念到高级应用,包括: 1. **快速入门**:介绍基本的图表创建流程和必需的文件。 2. **图表类型**:详细讲解每种图表的特点和应用场景。 3. **数据管理*...

    构造基于FCF的财务战略体系课件.pptx

    【构建基于FCF的财务战略体系】 财务战略是企业整体战略的重要组成部分,它涉及到企业资金的筹集、使用和管理,以确保企业的长期稳定发展。基于FCF(自由现金流量)的财务战略体系强调了现金流量在企业运营和决策中...

    PB115_FCF源码_pb动态图表源码_

    PB115_FCF源码,这是一个针对PowerBuilder(PB)11.5版本的源代码,主要用于创建和展示...通过学习和实践这个源码,你可以提升在PB环境中创建高效、动态、交互式图表的能力,这对于数据驱动的应用程序开发非常有价值。

    科技行业美股科技巨头系列报告7:奈飞,规模效应持续凸显,FCF拐点临近.rar

    报告标题:“科技行业美股科技巨头系列报告7:奈飞,规模效应持续凸显,FCF拐点临近”揭示了Netflix作为全球领先的流媒体服务提供商,在科技行业中所占据的重要地位及其财务表现。报告主要围绕两个核心概念展开:...

    FCF

    NULL 博文链接:https://self4j.iteye.com/blog/812259

    FusionCharts Free简介(FCF)

    **FusionCharts Free简介(FCF)** FusionCharts Free是一款功能强大的JavaScript图表库,它为开发者提供了丰富的可视化图表选项,适用于创建互动式且美观的数据展示。这款工具以开源的形式提供,允许用户在个人和非...

    59577493-e5e4-4687-9c40-4fcf86.html

    59577493-e5e4-4687-9c40-4fcf86.html

    FreeRDP-FreeRDP-1.0.1-217-gc0fcf6a.zip_FreeRDP_freerdp安卓下载_remot

    在本案例中,我们讨论的是针对Android平台的FreeRDP版本,文件名"FreeRDP-FreeRDP-1.0.1-217-gc0fcf6a.zip_FreeRDP_freerdp安卓下载_remote"暗示这是一款更新到特定Git提交哈希(c0fcf6a)的Android应用。...

    A312.1.0R7综合补丁包sp34_92de0f16-7555-4321-bfeb-6cd1a6b0fcf3.zip

    A312.1.0R7综合补丁包sp34_92de0f16-7555-4321-bfeb-6cd1a6b0fcf3.zip A3 补丁

    具有D2D通讯的蜂窝系统中FCF中继的性能

    ### 具有D2D通讯的蜂窝系统中FCF中继的性能 #### 概述 在现代无线通信领域,提升系统性能和资源利用效率是两大关键目标。近年来,FCF(喷泉编码和转发)中继作为一种有效手段被提出,用以改善无线系统的性能。同时...

    FILE_373027-542FCF-9C8B03-467352-50F4C6-C8E18C.zip

    标题中的"FILE_373027-542FCF-9C8B03-467352-50F4C6-C8E18C.zip"是一个典型的压缩文件命名格式,通常用于标识和追踪文件。这种命名方式可能包含了某种哈希值或随机字符串,用于确保文件的唯一性和完整性。然而,具体...

    选择哥伦比亚FCF表「Seleccion Colombia FCF Tab」-crx插件

    您将在每个新选项卡中打开Seleccion Colombia FCF HD图像! 惊人的! 每个新选项卡中的真棒高质量Seleccion Colombia FCF图像。 对于真正的粉丝,就像我一样:)您会非常有启发性的,并且您会喜欢这个不错的扩展。 ...

    60fcf3ccd9a2ebc9e432ffb5cb91638b-ippicv_2017u2_win_ia32_20170418

    标题 "60fcf3ccd9a2ebc9e432ffb5cb91638b-ippicv_2017u2_win_ia32_20170418" 提供的是一个特定版本的 IPPICV(Intel Performance Primitives Image Processing Library for Computer Vision)软件包,适用于 Windows...

    20200817-中信证券-科技行业美股科技巨头系列报告7:奈飞,规模效应持续凸显,FCF拐点临近.pdf

    尽管面临激烈的市场竞争和某些优质内容的流失,奈飞依然凭借其优质内容和规模效应保持其行业领先地位,并预期在2022年实现自由现金流(FCF)的拐点。 奈飞的主要内容优势在于其庞大的自制内容储备,自制资产净值...

Global site tag (gtag.js) - Google Analytics