`
sorehead
  • 浏览: 48076 次
  • 性别: Icon_minigender_2
  • 来自: 达纳苏斯
社区版块
存档分类
最新评论

Flex中如何让被PieChart图表的某一部分随着点击旋转

阅读更多
<?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

    在Flex中,饼形图(piechart)、柱形图(columnchart)、条形图(barchart)和折线图(linechart)是数据可视化的重要工具,广泛应用于数据分析和展示。 1. **饼形图(PieChart)** 饼形图用于显示部分与整体之间...

    flex圆形图表展示源码

    2. **图形组件**:使用Flex的mx.charts库中的PieChart或RingChart类来创建圆形图表。这两个组件都支持自定义样式、动画效果和交互性。 3. **数据绑定**:将数据模型与图表组件进行绑定,使图表根据数据动态更新。 ...

    flex做的四种图表(线、柱、饼、区域)直接用js调用

    饼图适用于展示各部分占整体的比例关系,Flex中的PieChart类是为此设计的。每个扇区代表数据源中的一个条目,通过PieSeries类设置数据系列,调整sliceWidth表示每个扇区的大小,使用labelFunction可以自定义每个扇区...

    Flex_4系统组件:图表

    标题中的“Flex_4系统组件:图表”指的是Adobe Flex 4框架中用于创建数据可视化的图表组件。这些组件是Flex SDK的一部分,允许开发者构建交互式的、动态的数据展示应用。Flex 4引入了全新的图形渲染引擎(称为Spark...

    flex图表导出图片

    Flex提供了一系列强大的图表组件,如BarChart、LineChart、PieChart等,这些组件基于Adobe Flex SDK,可以方便地创建各种动态、交互式的图表。通过使用ActionScript和MXML,开发者可以定制图表样式,设置数据源,...

    pieChart 3d示例 flax

    饼图是一种将数据分配到一个圆形区域中的图表,每个扇区代表数据的一个类别或部分。3D效果则增强了视觉深度,使图表更具立体感,更容易吸引观众注意力。在3D饼图中,每个扇区的大小不仅取决于其在总数据中的占比,还...

    flex常用图表的实例

    在本实例中,我们将会探讨如何使用Flex中的Charts组件来实现常见的图表类型,并通过XML数据绑定来动态更新图表内容。 首先,我们需要了解Charts组件的基本使用。在Flex中,所有的图表都继承自`mx.charts.ChartBase`...

    flex各种图表的实现

    Flex是一种基于ActionScript和Flash Player的开源框架,用于构建富互联网应用程序(RIA)。在本教程中,我们将深入探讨如何使用Flex来实现各种图表,包括饼图、条状图和柱状图,并添加过渡效果,以增强用户体验。 ...

    flex图表展示数据源码

    MX图表是早期版本Flex中的图表库,而Spark图表是Flex 4(即Gaia)引入的新一代图表,提供了更丰富的样式和交互功能。 1. **MX图表**: - **ColumnChart**:用于展示分类数据的柱状图,可以是垂直或水平排列。 - *...

    C#饼状图PieChart

    在.NET框架中,C#提供了一种强大的图表控件,用于可视化数据,其中包括饼状图(PieChart)。饼状图是一种常用来展示部分与整体之间关系的图表,它将数据分成若干个扇区,每个扇区代表数据的一部分。在这个例子中,...

    FLEX 图表组建

    FLEX图表组件是FLEX框架中的重要部分,它允许开发者创建各种复杂的图形展示,如曲线图、柱状图和饼状图等,用于数据可视化。这些图表组件不仅美观,而且动态性强,能够帮助用户更好地理解和分析数据。 "amcharts_...

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

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

    PieChart.zip

    在Android开发中,饼图(PieChart)是一种常见的数据可视化工具,它用于展示各项数据的比例关系。`PieChart.zip` 文件包含了一个关于如何在Android应用中实现饼图的示例项目,下面将详细介绍如何在Android中使用饼图...

    flex图表组件

    Flex图表组件是基于Adobe Flex技术开发的一种用于在Web应用程序中展示数据可视化的工具。Flex是一种开源的、基于ActionScript的框架,主要用于构建富互联网应用程序(RIA)。它允许开发者创建交互式、高性能的用户...

    wpf piechart componentart

    标题中的“wpf piechart componentart”指的是在Windows Presentation Foundation(WPF)环境中使用ComponentArt库来创建饼图组件的示例。ComponentArt是一家提供高质量UI控件的公司,其提供的PieChart控件在WPF应用...

    flex Chart

    Flex Chart 是Adobe Flex框架中用于数据可视化的组件集,它提供了强大的图表绘制功能,使得开发者可以轻松地创建各种类型的图表,如柱状图、折线图、饼图、散点图等。在Flex 3中,Chart组件是MXML和ActionScript开发...

    flex+java制作图表以及登陆案例

    本人这段时间在学习flex 自己写的一些成功案例 包括lineChart BarChart bubbleChart pieChart等图表.这些图表都能显示从java后台传入的数据 保证可以运行 好资源所以分数有点高,望大家鼎力支持.

    flex 统计,柱状图,饼图。

    在实际应用中,开发者还需要关注一些其他方面,比如交互性(如点击事件处理)、图表动画效果、自定义提示框(tooltips)以及响应式设计,确保图表在不同屏幕尺寸下都能良好显示。对于数据统计,可能还需要考虑数据的...

    C# 3D 饼图 PieChart 三维

    在C#编程环境中,3D饼图(PieChart)是一种常用的数据可视化工具,它能够以立体的方式展示数据比例关系,使复杂的数据变得直观易懂。本文将深入探讨C#中创建3D饼图的关键知识点,包括3D效果的实现、数据绑定、自定义...

Global site tag (gtag.js) - Google Analytics