Flex中通过将filters属性设置为一个空PieSeries数组实现去除PieChart图表默认阴影的例子

By Minidxer | November 12, 2008

接下来的例子演示了Flex中通过将filters属性设置为一个空PieSeries数组，实现去除PieChart图表默认阴影。

让我们先来看一下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.         creationComplete="init();">
  7.  
  8.     <mx:Script>
  9.         <![CDATA[
  10.             import mx.controls.Button;
  11.  
  12.             private var defaultFilters:Array;
  13.  
  14.             private function init():void {
  15.                 defaultFilters = pieSeries.filters;
  16.             }
  17.  
  18.             private function toggleFilters(evt:Event):void {
  19.                 if (Button(evt.currentTarget).selected) {
  20.                     pieSeries.filters = [];
  21.                 } else {
  22.                     pieSeries.filters = defaultFilters;
  23.                 }
  24.             }
  25.         ]]>
  26.     </mx:Script>
  27.  
  28.     <mx:XML id="dp">
  29.         <products>
  30.             <product label="Product 1" data="3" />
  31.             <product label="Product 2" data="1" />
  32.             <product label="Product 3" data="4" />
  33.             <product label="Product 4" data="1" />
  34.             <product label="Product 5" data="5" />
  35.             <product label="Product 6" data="9" />
  36.         </products>
  37.     </mx:XML>
  38.  
  39.     <mx:ApplicationControlBar dock="true">
  40.         <mx:Button label="Toggle filters"
  41.                 toggle="true"
  42.                 change="toggleFilters(event);" />
  43.     </mx:ApplicationControlBar>
  44.  
  45.     <mx:PieChart id="pieChart"
  46.             dataProvider="{dp.product}"
  47.             height="250"
  48.             width="100%">
  49.         <mx:series>
  50.             <mx:PieSeries id="pieSeries"
  51.                     field="@data" />
  52.         </mx:series>
  53.     </mx:PieChart>
  54.  
  55. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Chart | 1 Comment » | Tags: , ,

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

One comment | Add One

  1. mougua - 04/14/2011 at 1:49 pm

    所以在pieseries标签下加个空的filter标签就好了

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll