<?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.effects.easing.*;
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;
dp.refresh();
}
private function radiansToDegrees(radians:Number):Number {
return radians * (180 / Math.PI);
}
]]>
</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:ApplicationControlBar dock="true">
<mx:CheckBox id="checkBox"
label="Use perWedgeExplodeRadius:"
labelPlacement="left"
selected="true" />
</mx:ApplicationControlBar>
<mx:PieChart id="pieChart"
dataProvider="{dp}"
showDataTips="true"
itemClick="pieChart_itemClick(event);"
height="100%"
width="100%">
<mx:series>
<mx:PieSeries id="pieSeries"
field="@data"
nameField="@label">
<mx:showDataEffect>
<mx:SeriesInterpolate duration="1500"
easingFunction="{Elastic.easeOut}" />
</mx:showDataEffect>
<mx:filters>
<mx:DropShadowFilter />
</mx:filters>
</mx:PieSeries>
</mx:series>
</mx:PieChart>
<mx:Legend dataProvider="{pieChart}" direction="horizontal" />
</mx:Application>
分享到:
相关推荐
NULL 博文链接:https://wuxiubing.iteye.com/blog/906805
本人这段时间在学习flex 自己写的一些成功案例 包括lineChart BarChart bubbleChart pieChart等图表.这些图表都能显示从java后台传入的数据 保证可以运行 好资源所以分数有点高,望大家鼎力支持.
C# PieChart饼图开发代码,先在窗体中添加panel,在添加PieChart,就可以编写出好看的饼图。
这个工程是用flex画图表(piechart饼状图/lineChart折线图/ColumnChart直方图),并将生产的swf文件成功嵌入到网页中,在你自己的网页中你想放的任意地方嵌入swf(flash动画)文件。 亮点: 1、三个图鼠标放在相应...
pieChart 3d示例 flax 统计图,本示例主要通过一个3D饼状统计图来展示效果的
componentart piechart的简单例子
C# Chart控件的一个简单的应用。是初学的一个很好的例子。
Android的使用PieChart,有demo直接运行
VB带动画效果的圆形图形图表,基于Joni5PieChart.ocx控件实现,这种效果非常棒,演示程序中,在可侧可以输入测试数值,确定后左侧的圆形动态变化,非常适合编写速率传输、带宽消耗等程序的报表显示,看上去很有专业...
Android自定义带动画的饼图PieChart
flex的一个3D饼图,点击扇区可变大,pieChart信息显示为内显示。这个一个pieChart组件
grafana 饼图插件piechart
matlab开发-标签库piechart3d。创建三维饼图
PieChart 饼图,带点击效果,可转动,附加比例图
通过添加状态管理(例如Vuex),您还可以在整个应用程序中保持状态。 V Chart插件是使用Vue.js的组件体系结构构建的。 这将使图表成为Vue.js应用程序的一等公民。 组合多个图表可以使您创建复杂的仪表板,并对数据...
JFreeChart在linux下生成图表时中文乱码,原因是JRE没有找到对应中文字库,解决方法如下:
画布图表,用于显示具有动画效果的动态数据。 特征 轻巧,缩小并压缩后<12k。 可缩放,当容器调整大小时,canvas元素可以自行调整 易于配置,使用和进行样式和其他选项配置。 视网膜支持 安装 与一起安装: $ ...
vb draw piechart, 2D use API draw picture. for the api beginners.
饼形图 教程“ Android中的统计图形”,使用MPAndroidChart库实现PieChart。