Comments on: Displaying a PieSeries item’s data when a user clicks an item in a Flex PieChart control http://blog.flexexamples.com/2007/11/15/displaying-a-pieseries-items-data-when-a-user-clicks-an-item-in-a-flex-piechart-control/ Just a bunch of Adobe Flex Examples Mon, 13 Feb 2012 01:38:13 +0000 hourly 1 By: digsafe http://blog.flexexamples.com/2007/11/15/displaying-a-pieseries-items-data-when-a-user-clicks-an-item-in-a-flex-piechart-control/comment-page-1/#comment-9137 digsafe Thu, 14 Apr 2011 20:32:45 +0000 http://blog.flexexamples.com/2007/11/15/displaying-a-pieseries-items-data-when-a-user-clicks-an-item-in-a-flex-piechart-control/#comment-9137 Here it is fixed (I hope) <?xml version=”1.0″ encoding=”utf-8″?> <s:Application xmlns:fx=”http://ns.adobe.com/mxml/2009″ xmlns:mx=”library://ns.adobe.com/flex/mx” xmlns:s=”library://ns.adobe.com/flex/spark” > <fx:Script> <![CDATA[ import mx.charts.series.items.PieSeriesItem; import mx.charts.events.ChartItemEvent; [Bindable] public var chartDP:Array = [ {wedgeName:'Pie wedge 1', percent:45 }, {wedgeName:'Pie wedge 2', percent:25}, {wedgeName:'Pie wedge 5', percent:22}, {wedgeName:'Pie wedge 4', percent:8} ]; private function pieChart_itemClick(evt:ChartItemEvent):void { var psi:PieSeriesItem = evt.hitData.chartItem as PieSeriesItem; myTextArea.text += “\rwedgeName: “+psi.item.wedgeName+” percent: “+ psi.item.percent; } ]]< </fx:Script> <s:VGroup> <mx:PieSeries id=”pieSeries” field=”percent”> </mx:PieSeries> </mx:series> </mx:PieChart> <s:TextArea id=”myTextArea” y=”82″ width=”350″ height=”250″ /> </s:VGroup> </s:Application> Here it is fixed (I hope)

<?xml version=”1.0″ encoding=”utf-8″?>

<s:Application
xmlns:fx=”http://ns.adobe.com/mxml/2009″
xmlns:mx=”library://ns.adobe.com/flex/mx”
xmlns:s=”library://ns.adobe.com/flex/spark”
>

<fx:Script>
<![CDATA[
import mx.charts.series.items.PieSeriesItem;
import mx.charts.events.ChartItemEvent;

[Bindable]
public var chartDP:Array = [
{wedgeName:'Pie wedge 1', percent:45 },
{wedgeName:'Pie wedge 2', percent:25},
{wedgeName:'Pie wedge 5', percent:22},
{wedgeName:'Pie wedge 4', percent:8}
];

private function pieChart_itemClick(evt:ChartItemEvent):void {
var psi:PieSeriesItem = evt.hitData.chartItem as PieSeriesItem;
myTextArea.text += “\rwedgeName: “+psi.item.wedgeName+” percent: “+ psi.item.percent;
}
]]<
</fx:Script>

<s:VGroup>

<mx:PieSeries id=”pieSeries”
field=”percent”>

</mx:PieSeries>
</mx:series>
</mx:PieChart>

<s:TextArea id=”myTextArea” y=”82″ width=”350″ height=”250″ />
</s:VGroup>

</s:Application>

]]> By: digsafe http://blog.flexexamples.com/2007/11/15/displaying-a-pieseries-items-data-when-a-user-clicks-an-item-in-a-flex-piechart-control/comment-page-1/#comment-9136 digsafe Thu, 14 Apr 2011 20:29:33 +0000 http://blog.flexexamples.com/2007/11/15/displaying-a-pieseries-items-data-when-a-user-clicks-an-item-in-a-flex-piechart-control/#comment-9136 Ooos. Switched the < and > Damn this html formatting! Ooos.
Switched the < and >
Damn this html formatting!

]]> By: digsafe http://blog.flexexamples.com/2007/11/15/displaying-a-pieseries-items-data-when-a-user-clicks-an-item-in-a-flex-piechart-control/comment-page-1/#comment-9135 digsafe Thu, 14 Apr 2011 20:27:58 +0000 http://blog.flexexamples.com/2007/11/15/displaying-a-pieseries-items-data-when-a-user-clicks-an-item-in-a-flex-piechart-control/#comment-9135 Thank you so much for this Peter. This helped me get to where I needed to be. Here is an updated version that uses the spark components; >?xml version="1.0" encoding="utf-8"?< >s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:s="library://ns.adobe.com/flex/spark" < >fx:Script< >![CDATA[ import mx.charts.series.items.PieSeriesItem; import mx.charts.events.ChartItemEvent; [Bindable] public var chartDP:Array = [ {wedgeName:'Pie wedge 1', percent:45 }, {wedgeName:'Pie wedge 2', percent:25}, {wedgeName:'Pie wedge 5', percent:22}, {wedgeName:'Pie wedge 4', percent:8} ]; private function pieChart_itemClick(evt:ChartItemEvent):void { var psi:PieSeriesItem = evt.hitData.chartItem as PieSeriesItem; myTextArea.text += "\rwedgeName: "+psi.item.wedgeName+" percent: "+ psi.item.percent; } ]]< >/fx:Script< >s:VGroup< >mx:PieSeries id="pieSeries" field="percent"< >/mx:PieSeries< >/mx:series< >/mx:PieChart> >s:TextArea id="myTextArea" y="82" width="350" height="250" /< >/s:VGroup< >/s:Application< Thank you so much for this Peter.
This helped me get to where I needed to be.
Here is an updated version that uses the spark components;

>?xml version=”1.0″ encoding=”utf-8″?<

>s:Application
xmlns:fx=”http://ns.adobe.com/mxml/2009″
xmlns:mx=”library://ns.adobe.com/flex/mx”
xmlns:s=”library://ns.adobe.com/flex/spark”
<

>fx:Script<
>![CDATA[
import mx.charts.series.items.PieSeriesItem;
import mx.charts.events.ChartItemEvent;

[Bindable]
public var chartDP:Array = [
{wedgeName:'Pie wedge 1', percent:45 },
{wedgeName:'Pie wedge 2', percent:25},
{wedgeName:'Pie wedge 5', percent:22},
{wedgeName:'Pie wedge 4', percent:8}
];

private function pieChart_itemClick(evt:ChartItemEvent):void {
var psi:PieSeriesItem = evt.hitData.chartItem as PieSeriesItem;
myTextArea.text += “\rwedgeName: “+psi.item.wedgeName+” percent: “+ psi.item.percent;
}
]]<
>/fx:Script<

>s:VGroup<

>mx:PieSeries id=”pieSeries”
field=”percent”<

>/mx:PieSeries<
>/mx:series<
>/mx:PieChart>

>s:TextArea id=”myTextArea” y=”82″ width=”350″ height=”250″ /<
>/s:VGroup<

>/s:Application<

]]> By: Sai http://blog.flexexamples.com/2007/11/15/displaying-a-pieseries-items-data-when-a-user-clicks-an-item-in-a-flex-piechart-control/comment-page-1/#comment-5669 Sai Thu, 10 Sep 2009 14:45:00 +0000 http://blog.flexexamples.com/2007/11/15/displaying-a-pieseries-items-data-when-a-user-clicks-an-item-in-a-flex-piechart-control/#comment-5669 Great Work, Do you have any examples on Webdynpro ABAP using Adobe Flex... Great Work, Do you have any examples on Webdynpro ABAP using Adobe Flex…

]]> By: ÐâŖк6 http://blog.flexexamples.com/2007/11/15/displaying-a-pieseries-items-data-when-a-user-clicks-an-item-in-a-flex-piechart-control/comment-page-1/#comment-1894 ÐâŖк6 Wed, 21 Nov 2007 17:12:17 +0000 http://blog.flexexamples.com/2007/11/15/displaying-a-pieseries-items-data-when-a-user-clicks-an-item-in-a-flex-piechart-control/#comment-1894 Hey Peter, I must tell you, this is really the gratest site about Flex. I have learned by myself and visiting this site. Congratulatios. Hey Peter, I must tell you, this is really the gratest site about Flex.
I have learned by myself and visiting this site. Congratulatios.

]]>