Flex中如何改变Pie图表开始角度的例子

By Minidxer | September 28, 2008

接下来的例子演示了Flex中如何改变Pie图表开始角度。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：


下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Script>
  8.         <![CDATA[
  9.             private function degrees_func(item:Number):String {
  10.                 return item + String.fromCharCode(176);
  11.             }
  12.         ]]>
  13.     </mx:Script>
  14.  
  15.     <mx:Array id="dp">
  16.         <mx:Object data="3" />
  17.         <mx:Object data="1" />
  18.         <mx:Object data="4" />
  19.         <mx:Object data="1" />
  20.         <mx:Object data="5" />
  21.         <mx:Object data="9" />
  22.     </mx:Array>
  23.  
  24.     <mx:ApplicationControlBar dock="true">
  25.         <mx:Label text="startAngle:" />
  26.         <mx:HSlider id="slider"
  27.                 minimum="0"
  28.                 maximum="360"
  29.                 liveDragging="true"
  30.                 snapInterval="1"
  31.                 tickInterval="10"
  32.                 showTrackHighlight="true"
  33.                 dataTipPrecision="0"
  34.                 dataTipFormatFunction="degrees_func" />
  35.     </mx:ApplicationControlBar>
  36.  
  37.     <mx:PieChart id="chart"
  38.             height="100%"
  39.             width="100%"
  40.             dataProvider="{dp}">
  41.         <mx:series>
  42.             <mx:PieSeries id="pieSeries"
  43.                     field="data"
  44.                     startAngle="{slider.value}" />
  45.         </mx:series>
  46.     </mx:PieChart>
  47.  
  48. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Chart | No Comments » | Tags: , ,

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll