`

flex4饼状图使用(官方例子)

    博客分类:
  • flex
 
阅读更多
<?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:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationComplete="application1_creationCompleteHandler(event)">
	<s:layout>
		<s:VerticalLayout verticalAlign="middle" horizontalAlign="center"/>
	</s:layout>
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
	</fx:Declarations>
	<fx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			import mx.events.FlexEvent;
			[Bindable]
			private var dp:ArrayCollection = new ArrayCollection([
				{ Country: "USA", Gold: 35, Silver:39, Bronze: 29 },
				{ Country: "China", Gold: 32, Silver:17, Bronze: 14 },
				{ Country: "Russia", Gold: 7, Silver:27, Bronze: 38 } 
			]);
			
			private var timer:Timer = new Timer(2000);
			protected function application1_creationCompleteHandler(event:FlexEvent):void
			{
				timer.addEventListener(TimerEvent.TIMER,timerHandler);
				timer.start();
			}
			private function timerHandler(event:TimerEvent):void
			{
				for (var i:int=0; i < dp.length; i++)
				{
					dp[i].Gold=dp[i].Gold + int(Math.random() * 30);
				}
				dp.refresh();
			}
		]]>
	</fx:Script>
	<mx:PieChart id="piechart1" width="400" height="300" dataProvider="{dp}" showDataTips="true">
		<mx:series>
			<mx:PieSeries  nameField="Country" field="Gold"/>
		</mx:series>
	</mx:PieChart>
	<mx:Legend dataProvider="{piechart1}"/>
</s:Application>
分享到:
评论

相关推荐

    FLEX画图之各种柱状图饼状图画法

    在本文中,我们将深入探讨如何使用Adobe Flex技术来创建各种柱状图和饼状图。Flex是一个基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。通过使用Flex,开发者可以轻松地创建交互式的图形界面...

    Flex4中使用组件添加柱状图、饼状图等图表

    根据提供的文件信息,本文将详细介绍如何在Flex4中利用组件添加柱状图、饼状图等图表,并通过示例代码具体展示实现过程。 ### 一、Flex4中的柱状图 #### 1.1 柱状图简介 在Flex4中,柱状图是一种非常常见的数据...

    flex饼状图6666666

    Flex饼状图是一种在Flex应用中广泛使用的图表组件,它能够直观地展示数据集中的各个部分占比,非常适合用来表示整体与部分的关系。Flex是Adobe公司推出的一种基于ActionScript的开源框架,用于构建富互联网应用程序...

    flex +jfreechart生成 饼状图+曲线图+柱状图(完整版)

    在“flex jfreechart生成 饼状图”的场景下,我们首先需要在Java端使用JFreeChart库创建饼状图,然后将其转换为图像格式(如JPEG或PNG)。接着,Flex应用通过HTTP服务请求这个图像,并在前端以Image组件展示。这通常...

    Flex画饼状、柱状图资料参考

    在Flex中,绘制柱状图的方法与饼状图类似,但使用的是不同的图表组件。 1. **引入Charting组件**:同样需要引入Flex的Charting库。 2. **准备数据源**:准备一个包含所有必要信息的数据集合。 3. **配置BarChart...

    用arcgis for flex 在地图上显示柱状图 饼状图和折线图

    在ArcGIS for Flex中,我们可以使用InfoTemplate来实现饼状图。步骤大致为:1) 创建MapServiceLayer或FeatureLayer,加载数据;2) 设置InfoTemplate,定义点击图层时弹出的窗口内容,包括饼状图;3) 利用dojox....

    Flex制作的几款漂亮的立体柱状图饼状图和折线图

    在给定的资源中,"Flex制作的几款漂亮的立体柱状图饼状图和折线图"显然涉及到Flex的图表组件,这些组件允许开发者创建出具有专业视觉效果的数据可视化应用。 在Flex中,Chart类是用于展示数据的主要组件。它可以...

    flex统计图标实例,饼状图,柱状图,折线图

    在Flex中,我们可以使用Spark或 Halo图表库来创建饼状图。首先,你需要定义数据源,这可以是数组集合或者XML列表。然后,通过PieChart类创建图表,并设置其数据字段,比如`dataField`,指定哪个字段的值用于计算各...

    flex鱼眼显示图片的例子

    4. **例子**: 这个Flex项目提供了一个实际操作的例子,用户可以通过调整参数来改变鱼眼效果的程度,从而更好地理解和学习如何实现这样的效果。 5. **.actionScriptProperties、.flexProperties、.project、....

    Flex 饼状、柱状、实时曲线图

    在Flex中,我们可以使用mx.charts.PieChart类来创建饼状图。每个扇区代表数据系列中的一个值,其大小与该值相对于总和的比例成正比。要创建饼状图,我们需要设置数据Provider,其中包含要显示的值,以及定义系列的...

    flash饼状图显示

    JFreeChart是一款广泛使用的Java图表库,它支持多种图表类型,包括饼状图。然而,尽管JFreeChart功能强大,但在某些情况下,其默认的样式可能无法满足对图形设计和交互性的高要求。这正是Flash饼状图显示的优势所在...

    flex/bison c++的例子

    flex bison使用c++方式实现的例子 flex bison使用c++方式实现的例子

    flex4 httpservice 例子

    下面我们将详细介绍如何使用Flex4的`HTTPService`来提取XML数据: 1. **创建HTTPService实例**: 首先,我们需要在MXML文件中创建一个`HTTPService`实例,指定其URL和方法类型(GET或POST): ```xml ``` ...

    Flex中生成3D饼状图Demo

    Flex利用AmChart生成3D饼状图,在Flash Builder中导入本文件

    flex_oralce小例子 - flex4.rar

    综上所述,"flex_oralce小例子 - flex4.rar"提供的示例涵盖了Flex4开发中的多个关键知识点,包括Flex4框架的使用、ActionScript 3编程、与Oracle数据库的交互、服务调用以及MVC架构的应用等。这个示例对于学习和理解...

    flex可以使用的crud例子

    这个"flex可以使用的crud例子"是一个示例项目,它演示了如何使用Flex进行CRUD(创建、读取、更新和删除)操作,这是数据库应用中最基本的功能。 在Flex中,CRUD操作通常与后端数据服务交互,如使用AMF(Action ...

    flex使用viewstack切换页面的例子

    综上所述,"flex使用viewstack切换页面的例子"展示了如何利用Flex 4的ViewStack组件创建多页面应用,通过编程或用户交互来切换不同视图,提供更好的用户导航体验。在实际开发中,理解并熟练运用这些知识点对于构建...

    Flex,IBM组织结构图例子

    本案例聚焦于使用Adobe Flex技术创建的IBM组织结构图,这是一种基于ActionScript 3.0的富互联网应用程序(Rich Internet Application, RIA)开发框架,它为构建具有高度交互性和动态视觉效果的应用提供了强大支持。...

    flex4 remoteobject 多文件上传的例子

    在这个"flex4 remoteobject 多文件上传的例子"中,我们将重点探讨如何使用RemoteObject组件来实现多文件的上传,并且在上传过程中显示进度信息。 首先,我们要理解RemoteObject的工作原理。RemoteObject通过HTTP、...

Global site tag (gtag.js) - Google Analytics