<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"xmlns:cookbook="oreilly.cookbook.*">
<mx:Script>
<![CDATA[
import mx.events.DragEvent;
import mx.charts.PieChart;
import mx.core.IUIComponent;
import mx.core.DragSource;
import mx.containers.Panel;
import mx.managers.DragManager;
import mx.collections.ArrayCollection;
[Bindable]
private var masterArrColl:ArrayCollection = new ArrayCollection([
{ "name":"C Ronaldo", "sog":128, "goals":20, "games":33 },
{ "name":"A Adebayor", "sog":128, "goals":20, "games":35 },
{ "name":"F Torres", "sog":98, "goals":18, "games":32 },
{ "name":"W Rooney", "sog":89, "goals":17, "games":34 },
{ "name":"D Drogba", "sog":114, "goals":16, "games":31 }]);
[Bindable]
private var subColl:ArrayCollection = new ArrayCollection([
{ "name":"C Ronaldo", "sog":128, "goals":20, "games":33 },
{ "name":"A Adebayor", "sog":128, "goals":20, "games":35
}]);
// Initializes the drag-and-drop operation.
private function
mouseMoveHandler(event:MouseEvent):void {
event.preventDefault();
// Get the drag initiator component from the event object.
//從事件對象中取得拖曳事件初始化組件
var dragInitiator:PieChart = PieChart(event.currentTarget);
// Create a DragSource object.
//創建一個DragSource對象
var ds:DragSource = new DragSource();
//make sure that the chart has a selected item
//確定圖表的某個元素是處于選擇狀態中
if(dragInitiator.selectedChartItem == null) return;
// Call the DragManager doDrag() method to start the drag.
//調用DragManager doDrag()方法開始拖曳事件
DragManager.doDrag(dragInitiator, ds, event);
}
//mouseMoveHandler()方法用于傳遞dragInitiator,該組件向DragManager.doDrag
//管理器發出拖 動事件和DataSource 對象（該例子沒有用到），鼠標事件也被激活。
//mouseMoveHandler()方法
// Called if the target accepts the dragged object and the user
// releases the mouse button while over the Canvas container.
//目標接受dragged對象以及用戶在Canvas容器中釋放鼠標就調用以下方法：
private function dragDropHandler(event:DragEvent):void {
// Get the selected data from the chart
//取得圖表中被選的元素
var index:Number = (event.dragInitiator as PieChart).selectedChartItem.index;
(event.currentTarget as PieChart).dataProvider.addItem((event.dragInitiator as PieChart).dataProvider.getItemAt(index));
(event.dragInitiator as PieChart).dataProvider.removeItemAt(index);
}
//對象是首次添加到dragEvent 的currentTarget 的數據提供器中，就是添加到了餅圖上。從
//ragEvent.dragInitiator 中移出的數據(以及相應的對象)，也從餅圖中移除了。

]]>
</mx:Script>
<mx:PieChart dataProvider="{subColl}" selectionMode="single"
dragEnabled="true" dropEnabled="true"
mouseMove="mouseMoveHandler(event)"
dragDrop="dragDropHandler(event)">
<mx:series>
<mx:PieSeries field="goals" nameField="name"
labelField="name" labelPosition="callout"
selectable="true"/>
</mx:series>
</mx:PieChart>
<mx:PieChart dataProvider="{masterArrColl}" dragEnabled="true"
dropEnabled="true" selectionMode="single"
mouseMove="mouseMoveHandler(event)"
dragDrop="dragDropHandler(event)">
<mx:series>
<mx:PieSeries field="goals" nameField="name"
labelField="name" labelPosition="callout"
selectable="true"/>
</mx:series>
</mx:PieChart>
</mx:Application>