首先环境:Myeclipse+Flex4.5+FusionCharts
至于FusionCharts的相关文件稍后我将放在附件中。
1.新建flex工程:
2.对工程进行相应配置
3.继续配置:
4.找到fusioncharts文件中FusionChartsFlex\Charts\FlashBuilder4_SWC下面的那个swc文件,将其复制到flex-libs文件夹下:
5.将FusionChartsFlex\Charts下面的FusionCharts和FusionWidgets两个文件夹复制到flex_src目录下和web目录下,
注意:在复制之前,先将FusionCharts文件夹的名字全部改成小写,即fusioncharts,也可以复制后在项目文件夹下去改
6.在flex_src下新建一个chart包,将Fusionchart破解这个压缩包里的那两个文件拷入到chart包下
7.在FusionTest.mxml中编写代码:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:ns1="chart.*"
xmlns:mx="library://ns.adobe.com/flex/mx"
minWidth="955" minHeight="600" initialize="init()">
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<ns1:FusionCharts id="fc" width="100%" height="100%" FCChartType="Column3D">
</ns1:FusionCharts>
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.controls.*;
private var singleData:ArrayCollection=new ArrayCollection([
{label:'Diego', value:'1047'},
{label:'Steve', value:'1056'},
{label:'Bill', value:'18'},
{label:'Stela', value:'64'},
{label:'Walls', value:'48'},
{label:'Trex', value:'43'},
{label:'John', value:'1011'},
{label:'Venky', value:'56'},
{label:'Lexi', value:'1289'},
{label:'Bert', value:'21'}]);
private function init():void
{
fc.FCData(singleData);
fc.FCParams(initial_param());
}
/**
*
* 图表所需参数
* * */
private function initial_param():XML
{
var temp:String="<param><data formatNumberScale='0' animation='1' /></param>";
return XML(temp);
}
]]>
</fx:Script>
</s:Application>
8.部署项目到服务器上,然后启动服务器。
最后:感谢 IT氧吧提供的FusionCharts破解版.第一次编写图文教程,如果有不足的地方,希望大家指出O(∩_∩)O~
- 大小: 63.8 KB
- 大小: 93.2 KB
- 大小: 109.9 KB
- 大小: 16.3 KB
- 大小: 29.5 KB
- 大小: 20.9 KB
- 大小: 99.7 KB
分享到:
相关推荐
1、Flex中配置FusionCharts说明文档是说明Flex项目和Java Web项目整合的过程 2、Fusionchart是Flex项目代码 3、Flex是Java Web项目代码 4、Java Web项目中有Flex项目所需的配置文件 5、Flex项目中用Fusioncharts插件...
FusionCharts 破解版 是中文文档,其中包括了开发需要的flash 和 配置的xml文件。 是很好的例子。 有意者请下载参阅
这可以通过在Flex构建路径中添加FusionCharts的库文件来实现,这样你就可以在项目中使用FusionCharts的相关类和方法。 2. **XML数据格式化**:FusionCharts依赖于XML来定义图表的结构和数据。你需要学习如何正确地...
fusionCharts完美破解版:解决中文竖排不显示问题 FusionCharts 完美破解版,不是之前的36个,一共49个 包含FusionCharts使用手记 官方Demo 中文开发指南 解决中文乱码Demo Area2D.swf Bar2D.swf Bubble.swf Column...
fusioncharts破解版 全套SWF文件 和js文件
FusionCharts+V3.2破解版.rar FusionCharts 破解版 下载
FusionCharts,报表工具,破解版
FusionCharts 3.31破解版
FusionCharts破解版 里面包含新版FusionCharts.js 在原来的只能绑定XML数据扩展到现在可以绑定json格式的数据
Fusioncharts 3.2 破解版 无水印
fusioncharts破解版示例
FusionCharts3.2.2破解版本,测试可以正常使用,无水印,里面包括一个调用的简单例子。
5. **集成FusionCharts与Flex**: 要在Flex项目中使用FusionCharts,首先需要导入SWC文件到你的项目库中。然后,通过ActionScript代码创建FusionCharts对象,设置图表类型、数据源和配置选项,最后加载SWF文件以显示...
FusionCharts破解版+中文教程+属性表 FusionCharts破解版 FusionCharts属性 FusionCharts教程
FusionCharts for Flex3 无水印破解版,超级好用
最牛的统计图,本人珍藏版 FusionCharts 是InfoSoft ...觉得还是FusionCharts 使用起来最方便。 优点有: 1. 它无需安装,只需引入所需的 *.swf 文件,js文件和官方写好的几个公共方法的文件就可以了 2. 它是免费的。
Fusioncharts V3 破解版,Fusioncharts,Fusioncharts V3 破解版,Fusioncharts,Chm帮助文档
FusionCharts3.1破解版(包含所有.SWF文件)