Flex中如何利用showAllDataTips属性使PieChart图表的数据块同时显示数据Tips的例子

By Minidxer | November 8, 2008

接下来的例子演示了Flex中如何利用showAllDataTips属性，使PieChart图表的数据块同时显示数据Tips。

让我们先来看一下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:XML id="dp">
  8.         <products>
  9.             <product label="Product 1" data="3" />
  10.             <product label="Product 2" data="1" />
  11.             <product label="Product 3" data="4" />
  12.             <product label="Product 4" data="1" />
  13.             <product label="Product 5" data="5" />
  14.             <product label="Product 6" data="9" />
  15.         </products>
  16.     </mx:XML>
  17.  
  18.     <mx:ApplicationControlBar dock="true">
  19.         <mx:CheckBox id="checkBox"
  20.                 label="showAllDataTips:"
  21.                 labelPlacement="left"
  22.                 selected="true" />
  23.     </mx:ApplicationControlBar>
  24.  
  25.     <mx:PieChart id="pieChart"
  26.             dataProvider="{dp.product}"
  27.             showAllDataTips="{checkBox.selected}"
  28.             height="250"
  29.             width="250">
  30.         <mx:series>
  31.             <mx:PieSeries id="pieSeries"
  32.                     field="@data" />
  33.         </mx:series>
  34.     </mx:PieChart>
  35.  
  36. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

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

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

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll