`
htj1231825
  • 浏览: 40151 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

flex 饼图缓动

阅读更多
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
	<![CDATA[
	import mx.charts.series.items.PieSeriesItem;
	import mx.charts.events.ChartItemEvent;
	import mx.effects.easing.*;

		private function c(event:ChartItemEvent):void{
			var item:PieSeriesItem=event.hitData.chartItem as PieSeriesItem;
			var rad:Number=item.startAngle*(180/Math.PI);
			var arr:Array=[];
			arr[item.index]=0.2;  
			pieSeries.perWedgeExplodeRadius=arr; //离开的距离
			//pieSeries.startAngle-=rad;   //设置起始位置
		}
	]]>
</mx:Script>
 <mx:XMLListCollection id="dp">
        <mx:source>
            <mx:XMLList>
                <product label="Product 1" data="3" />
                <product label="Product 2" data="1" />
                <product label="Product 3" data="4" />
                <product label="Product 4" data="1" />
                <product label="Product 5" data="5" />
                <product label="Product 6" data="9" />
            </mx:XMLList>
        </mx:source>
    </mx:XMLListCollection>
	<mx:PieChart x="136" y="28" id="piechart1" dataProvider="{dp}" showDataTips="true" itemClick="c(event)" width="543" height="428">
		<mx:series>
			<mx:PieSeries  id="pieSeries" displayName="Series 1" field="@data" nameField="@label">
				<mx:showDataEffect>
					<mx:SeriesInterpolate duration="2000" easingFunction="{Elastic.easeOut}"/>
				</mx:showDataEffect>
			</mx:PieSeries>
		</mx:series>
	</mx:PieChart>
	<mx:Legend dataProvider="{piechart1}" x="732" y="413"/>
</mx:Application>

分享到:
评论

相关推荐

    flex 饼图的demo

    在这个"flex 饼图的demo"中,我们将深入探讨如何在Flex中创建和使用饼图,这是一种常用的统计图表,用于显示数据的比例关系。对于初学者来说,理解饼图的属性和事件是至关重要的。 饼图的基本概念: 饼图通过将整个...

    Flex饼图向上吐槽

    Flex饼图向上吐槽是一个关于Adobe Flex中饼图组件的专题,这个组件被设计用来以图形化的方式展示数据,尤其适用于显示部分与整体的关系。在Flex中,饼图是一种常见的图表类型,它将数据集中的各个数据项以扇形区域...

    flex 饼图3d显示效果图

    flex 饼图3d,渐变,立体显示凸凹的效果,适合效果非常美观!

    flex 统计,柱状图,饼图。

    在本案例中,"flex 统计,柱状图,饼图"指的是使用Flex来创建数据可视化工具,具体是柱状图和饼图这两种常见的图表类型。 柱状图是一种统计图表,用于比较类别之间的数量差异。在Flex中,可以使用mx.charts系列类来...

    flex饼图源码

    Flex饼图是一种基于Adobe Flex框架实现的图形组件,主要用于数据可视化,特别是在展示各项比例关系时。Flex是一个开源的、基于ActionScript的开发框架,用于构建富互联网应用程序(RIA)。饼图是统计图表的一种,它...

    flex 3D饼图

    flex的一个3D饼图,点击扇区可变大,pieChart信息显示为内显示。这个一个pieChart组件

    绘制饼图并实现动画效果

    饼图作为一种常见的图表类型,可以直观地显示各部分占整体的比例关系。本篇将深入探讨如何使用SVG(Scalable Vector Graphics)和JavaScript来绘制饼图并实现动态的动画效果。 SVG是一种基于XML的矢量图形格式,它...

    socket及flex饼图,柱状图,面积图实例

    对于饼图,Flex提供了mx.charts.PieChart类。饼图是一种以圆形表示整体,并用扇形部分表示各个部分占比的图表。开发者可以设定数据Provider,通常是包含值和标签的数组集合,然后PieChart会自动根据这些数据绘制图形...

    安卓实现achartengine+动态饼图+动态柱形图

    构建动态柱形图,官方的API并没有提供可以借鉴的动态更新饼图的方法,考虑到数据都是活动的,不可能总是用静态数据,具体是通过定时器+Handler实现定时任务,通过Handler更新主线程UI,在更新之前要把之前的数据清除...

    flash xml动态变化饼图效果好

    标题中的“Flash XML动态变化饼图效果好”指的是在Flash平台上使用XML数据源来实现饼图的动态变化,提供良好的视觉效果。Flash是一款强大的交互式矢量图形和多媒体平台,常用于创建动画、应用程序和网页组件。XML...

    mpcharts 饼图点击动画

    MPCharts 是一个强大的开源图表库,适用于Android平台,它提供了丰富的图表类型,包括线图、柱状图、饼图等。在"mpcharts 饼图点击动画"这个主题中,我们将深入探讨如何实现饼图的点击交互以及随之而来的旋转动画...

    Flex多样化饼图样式(颜色渐变,点击分离,环形)

    本文将详细探讨"Flex多样化饼图样式(颜色渐变,点击分离,环形)"这一主题,这涉及到Adobe Flex,一个开源的、基于ActionScript的框架,用于构建富互联网应用程序(RIA)。 Flex允许开发者创建动态、交互式的用户...

    带动画的饼图控件.zip

    【标题】:“带动画的饼图控件”是一个专门针对Android平台开发的图表库,它提供了饼图的动画效果。这个控件的核心功能是通过Property Animation实现饼图的动态展示,Property Animation是Android 3.0(API Level 11...

    AChartEngine图标库之动态饼图

    使用AChartEngine图表库实现动态饼图,可以实时传入数据并刷新饼图

    曲线,柱状图,饼图,动态曲线

    Line and scatter charts Basic line Ajax loaded data, clickable points With data labels Time series, zoomable Spline with inverted axes Spline with symbols Spline with plot bands ...

    Java Script Echarts动态饼图

    柱状图、饼图比例展示,根据年份自动变化,饼图柱状图相互切换。

    flex 线图到饼图的联动

    在本文中,我们将深入探讨如何实现Flex中的线图与饼图联动效果,这对于数据可视化以及交互式数据分析至关重要。Flex是一款强大的ActionScript编程框架,用于构建富互联网应用程序(RIA)。线图和饼图是数据可视化中...

    VC++实现饼图动态变大

    【VC++实现饼图动态变大】的知识点详解 在计算机图形学中,饼图是一种常用的可视化工具,用于展示各部分占整体的比例关系。在VC++(Visual C++)环境中,我们可以利用MFC(Microsoft Foundation Classes)库或者GDI...

    flex统计图 柱状 饼图折线

    在本讨论中,我们将深入探讨如何使用Flex构建柱状图、饼图和折线图,这些都是数据可视化中常见的图表类型,对于数据分析和展示至关重要。 1. **柱状图(Bar Chart)**: 柱状图是用长条的高度或长度来表示数值大小...

Global site tag (gtag.js) - Google Analytics