<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white" viewSourceURL="srcview/index.html">
<mx:Script>
<![CDATA[
import mx.charts.series.items.PieSeriesItem;
import mx.charts.events.ChartItemEvent;
private function pieChart_itemClick(evt:ChartItemEvent):void {
var item:PieSeriesItem = evt.hitData.chartItem as PieSeriesItem;
var degrees:Number = radiansToDegrees(item.startAngle);
var arr:Array = [];
if (checkBox.selected) {
arr[item.index] = 0.2;
}
pieSeries.perWedgeExplodeRadius = arr;
pieSeries.startAngle -= degrees;
}
private function radiansToDegrees(radians:Number):Number {
return radians * (180 / Math.PI);
}
]]>
</mx:Script>
<mx:XML id="dp">
<products>
<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" />
</products>
</mx:XML>
<mx:ApplicationControlBar dock="true">
<mx:CheckBox id="checkBox"
label="Use perWedgeExplodeRadius:"
labelPlacement="left"
selected="true" />
</mx:ApplicationControlBar>
<mx:PieChart id="pieChart"
dataProvider="{dp.product}"
itemClick="pieChart_itemClick(event);"
height="100%"
width="100%">
<mx:series>
<mx:PieSeries id="pieSeries"
field="@data"
labelPosition="callout">
<mx:stroke>
<mx:Stroke color="black" weight="0" />
</mx:stroke>
<mx:filters>
<mx:Array />
</mx:filters>
</mx:PieSeries>
</mx:series>
</mx:PieChart>
</mx:Application>
分享到:
相关推荐
在Flex中,饼形图(piechart)、柱形图(columnchart)、条形图(barchart)和折线图(linechart)是数据可视化的重要工具,广泛应用于数据分析和展示。 1. **饼形图(PieChart)** 饼形图用于显示部分与整体之间...
2. **图形组件**:使用Flex的mx.charts库中的PieChart或RingChart类来创建圆形图表。这两个组件都支持自定义样式、动画效果和交互性。 3. **数据绑定**:将数据模型与图表组件进行绑定,使图表根据数据动态更新。 ...
饼图适用于展示各部分占整体的比例关系,Flex中的PieChart类是为此设计的。每个扇区代表数据源中的一个条目,通过PieSeries类设置数据系列,调整sliceWidth表示每个扇区的大小,使用labelFunction可以自定义每个扇区...
标题中的“Flex_4系统组件:图表”指的是Adobe Flex 4框架中用于创建数据可视化的图表组件。这些组件是Flex SDK的一部分,允许开发者构建交互式的、动态的数据展示应用。Flex 4引入了全新的图形渲染引擎(称为Spark...
Flex提供了一系列强大的图表组件,如BarChart、LineChart、PieChart等,这些组件基于Adobe Flex SDK,可以方便地创建各种动态、交互式的图表。通过使用ActionScript和MXML,开发者可以定制图表样式,设置数据源,...
饼图是一种将数据分配到一个圆形区域中的图表,每个扇区代表数据的一个类别或部分。3D效果则增强了视觉深度,使图表更具立体感,更容易吸引观众注意力。在3D饼图中,每个扇区的大小不仅取决于其在总数据中的占比,还...
在本实例中,我们将会探讨如何使用Flex中的Charts组件来实现常见的图表类型,并通过XML数据绑定来动态更新图表内容。 首先,我们需要了解Charts组件的基本使用。在Flex中,所有的图表都继承自`mx.charts.ChartBase`...
Flex是一种基于ActionScript和Flash Player的开源框架,用于构建富互联网应用程序(RIA)。在本教程中,我们将深入探讨如何使用Flex来实现各种图表,包括饼图、条状图和柱状图,并添加过渡效果,以增强用户体验。 ...
MX图表是早期版本Flex中的图表库,而Spark图表是Flex 4(即Gaia)引入的新一代图表,提供了更丰富的样式和交互功能。 1. **MX图表**: - **ColumnChart**:用于展示分类数据的柱状图,可以是垂直或水平排列。 - *...
在.NET框架中,C#提供了一种强大的图表控件,用于可视化数据,其中包括饼状图(PieChart)。饼状图是一种常用来展示部分与整体之间关系的图表,它将数据分成若干个扇区,每个扇区代表数据的一部分。在这个例子中,...
FLEX图表组件是FLEX框架中的重要部分,它允许开发者创建各种复杂的图形展示,如曲线图、柱状图和饼状图等,用于数据可视化。这些图表组件不仅美观,而且动态性强,能够帮助用户更好地理解和分析数据。 "amcharts_...
根据提供的文件信息,本文将详细介绍如何在Flex4中利用组件添加柱状图、饼状图等图表,并通过示例代码具体展示实现过程。 ### 一、Flex4中的柱状图 #### 1.1 柱状图简介 在Flex4中,柱状图是一种非常常见的数据...
在Android开发中,饼图(PieChart)是一种常见的数据可视化工具,它用于展示各项数据的比例关系。`PieChart.zip` 文件包含了一个关于如何在Android应用中实现饼图的示例项目,下面将详细介绍如何在Android中使用饼图...
Flex图表组件是基于Adobe Flex技术开发的一种用于在Web应用程序中展示数据可视化的工具。Flex是一种开源的、基于ActionScript的框架,主要用于构建富互联网应用程序(RIA)。它允许开发者创建交互式、高性能的用户...
标题中的“wpf piechart componentart”指的是在Windows Presentation Foundation(WPF)环境中使用ComponentArt库来创建饼图组件的示例。ComponentArt是一家提供高质量UI控件的公司,其提供的PieChart控件在WPF应用...
Flex Chart 是Adobe Flex框架中用于数据可视化的组件集,它提供了强大的图表绘制功能,使得开发者可以轻松地创建各种类型的图表,如柱状图、折线图、饼图、散点图等。在Flex 3中,Chart组件是MXML和ActionScript开发...
本人这段时间在学习flex 自己写的一些成功案例 包括lineChart BarChart bubbleChart pieChart等图表.这些图表都能显示从java后台传入的数据 保证可以运行 好资源所以分数有点高,望大家鼎力支持.
在实际应用中,开发者还需要关注一些其他方面,比如交互性(如点击事件处理)、图表动画效果、自定义提示框(tooltips)以及响应式设计,确保图表在不同屏幕尺寸下都能良好显示。对于数据统计,可能还需要考虑数据的...
在C#编程环境中,3D饼图(PieChart)是一种常用的数据可视化工具,它能够以立体的方式展示数据比例关系,使复杂的数据变得直观易懂。本文将深入探讨C#中创建3D饼图的关键知识点,包括3D效果的实现、数据绑定、自定义...