加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Flex4 的PieChart的点击滑动

发布时间:2020-12-15 01:01:22 所属栏目:百科 来源:网络整理
导读:?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"s:layouts:BasicLayout//s:layoutf


<?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">
	<s:layout>
		<s:BasicLayout/>
	</s:layout>
	<fx:Script>
		<![CDATA[
			import mx.charts.events.ChartItemEvent;
			import mx.charts.series.items.PieSeriesItem;
			import mx.controls.Alert;
			import mx.effects.easing.Elastic;
			[Bindable]
			private var arr:Array = [
				{id:1,city:'北京',money:1000,pay:300},{id:2,city:'上海',money:1200,pay:500},{id:3,city:'天津',money:80,pay:200},{id:4,city:'常州',money:100,{id:5,city:'海南',money:500,{id:6,city:'昆山',money:600,{id:7,city:'苏州',money:200,pay:200}
			];
			
			private var _selectedRegion:Object;
			
			public function set selectedRegion(item:Object):void
			{
				_selectedRegion = item;
				
				var index:int = -1;
				for (var i:int=0; i < arr.length && index == -1; i++)
				{
					if (arr[i].money == item.money)
						index = i;
				}
				var explodeData:Array = [];
//				if(explodeData[index]==null){
				
					 explodeData[index] = 0.1;
//				}else{
//					explodeData[index] = 0;
//				}
				piechart1.series[0].perWedgeExplodeRadius = explodeData;
				
			}
			
			
	
			
			protected function piechart1_itemClickHandler(event:ChartItemEvent):void
			{
				// TODO Auto-generated method stub
				var item:PieSeriesItem = event.hitData.chartItem as PieSeriesItem;
				var degrees:Number = radiansToDegrees(item.startAngle);
				var arr1:Array = [];
//				if (checkBox.selected) {
				arr1[item.index] = 0.1;
//				}
				pieSeries.perWedgeExplodeRadius = arr1;
				pieSeries.startAngle -= degrees;
				
				//arr.refresh();
			}
			
			private function radiansToDegrees(radians:Number):Number {
				return radians * (180 / Math.PI);
			}
			
		]]>
	</fx:Script>  
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
		<mx:SeriesInterpolate id="interpolate" elementOffset="10" easingFunction="{Elastic.eaSEOut}"/>
	</fx:Declarations>

	<mx:PieChart x="110" y="51" id="piechart1" dataProvider="{arr}"  itemClick="piechart1_itemClickHandler(event)"
				 showAllDataTips="true" selectionMode="single">
		<mx:series>
			<mx:PieSeries id="pieSeries" displayName="Series 1" field="money" labelPosition="callout" 
						  labelField="city" nameField="city">
				
			</mx:PieSeries>	
		</mx:series>
		<!--鼠标移动-->
		<mx:rollOverEffect>
			<s:Fade alphaFrom="0.5" alphaTo="1" duration="1000" />
		</mx:rollOverEffect>
		<mx:rollOutEffect>
			<s:Fade alphaFrom="1" alphaTo="0.5" duration="1000" />
		</mx:rollOutEffect>
	</mx:PieChart>
	<mx:Legend x="13" y="469" dataProvider="{piechart1}" direction="horizontal" labelPlacement="right"/>
</s:Application>
转载请标明出处 http://www.voidcn.com/article/p-ckvpkpjt-hs.html

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读