Flex4.5使用fusioncharts破解版配置

首先环境:Myeclipse+Flex4.5+FusionCharts
至于FusionCharts的相关文件稍后我将放在附件中。

1.新建flex工程:

Flex4.5使用fusioncharts破解版配置_第1张图片


2.对工程进行相应配置
Flex4.5使用fusioncharts破解版配置_第2张图片
3.继续配置:
Flex4.5使用fusioncharts破解版配置_第3张图片

4.找到fusioncharts文件中FusionChartsFlex\Charts\FlashBuilder4_SWC下面的那个swc文件,将其复制到flex-libs文件夹下:
Flex4.5使用fusioncharts破解版配置_第4张图片

5.将FusionChartsFlex\Charts下面的FusionCharts和FusionWidgets两个文件夹复制到flex_src目录下和web目录下, 注意:在复制之前,先将FusionCharts文件夹的名字全部改成小写,即fusioncharts,也可以复制后在项目文件夹下去改
Flex4.5使用fusioncharts破解版配置_第5张图片

6.在flex_src下新建一个chart包,将Fusionchart破解这个压缩包里的那两个文件拷入到chart包下
Flex4.5使用fusioncharts破解版配置_第6张图片
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.部署项目到服务器上,然后启动服务器。

Flex4.5使用fusioncharts破解版配置_第7张图片
最后:感谢 IT氧吧提供的FusionCharts破解版.第一次编写图文教程,如果有不足的地方,希望大家指出O(∩_∩)O~

你可能感兴趣的:(Flex,FusionCharts)