Pie chart highlight selected wedge.

I am trying to highlight the current clicked wedge in a pie
chart by changing the property "outerRadius" of the item
(PieSeriesItem). But it has no effect... My idea is to expand the
wedge a bit above the others. Is there any other method? Where
should I go in the doc to find this?

OK, now I get it. So you would need to place your two PieCharts in a s:Group or mx:Canvas. On top of the pie charts, lay another s:Group on which you will do some drawing on its graphics:Graphics object.
In your case, you need to use dataToLocal() (will give you pixel coordinates in your chart) then localToGlobal() (convert to Application coordinates) then globalToLocal() (convert to the Top Group or Canvas coordinates you want to draw in) :
Using the dataToLocal() method
The dataToLocal() method converts a set of values to x and y coordinates on the screen. The values you give the method are in the "data space" of the chart; this method converts these values to coordinates. The data space is the collection of all possible combinations of data values that a chart can represent.
The number and meaning of arguments passed to the dataToLocal() method depend on the chart type. For CartesianChart controls, such as the BarChart and ColumnChart controls, the first value is used to map along the x axis, and the second value is used to map along the y axis.
For PolarChart controls, such as the PieChart control, the first value maps to the angle around the center of the chart, and the second value maps to the distance from the center of the chart along the radius.
The coordinates returned are based on 0,0 being the upper-left corner of the chart. For a ColumnChart control, for example, the height of the column is inversely related to the x coordinate that is returned.
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/display/DisplayOb ject.html#localToGlobal%28%29
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/display/DisplayOb ject.html#globalToLocal%28%29

Similar Messages

Pie Chart highlighting (immitating 3D Pie chart with ellipse shape)

I have to create a pie chart using jdk 1.0. Since I have to make it looks like 3d, I used fillArc() to draw ellipse shape pie chart. I am having trouble highlighting the pie where the mouse is over. Using atan() to get degree of x and y mouse possition and compare to pie's degree works only for a circle but not for ellipse shape.
Can someone tell me how I can verify xy mouse position with each ellipse pie piece?
Also, I have to draw a label for each picese and the lavel has to point to each pie. I need to get the mid point, x and y possition, of perimiter of each pie.
Can someone help me please?
Thanks in advance,
lala

hi friends, i have developed the same appication like u but it is not 3D.so if u have 3D pie program them please send me code of programming at my mail id:
[email protected]
now as ur question,u can get the xy coordinate of mouse using mouseactionlistener.this u can use in ur applet coding.

How did Steve group exploded wedges in pie chart

In his MacWorld keynote today, Steve showed a pie chart with 3 wedges exploded together (9:36 in, the US SmartPhone Marketshare slide). The Apple wedge is exploded, but so are the Palm, Motorola and Nokia wedges, yet they are exploded together, with no space between them. Is this possible in Keynote '08 or is Steve using unreleased features? I've tried selected all three and changing the explode value, but they separate.

I'll post the .key file used to create that image.
http://idisk.mac.com/makentosh-Public/multixplode.zip
The main things to consider is:
a) Don't move the wedges you want "connected"
b) You'll need one "Preview Passthru" for each separately exploded bit
So, you begin by setting up your chart with all the appropriate elements. Then, pull away the ones you DON'T want stuck together. Preview Passthru them (Copy, Open Preview, Command-N, Copy, Paste back into Keynote OR Preview Passthru for short), then use the "Draw a Shape" to click out a shape that surrounds the ones that are stuck together. Select the shape and the image and "Mask with Selected Shape". If you've only got two separated groups, move all the others back to the center, move the "attached" ones away and Preview Passthru that group, then mask it.
You'll see how I masked all three parts in the linked Keynote file.

How can I evenly space wedges from an exploded pie chart?

I'm creating a pie chart widge exploded wedges in Illustrator CS3 but I'm having trouble keeping all the wedges aligned evenly. Does anyone have any tips on doing this? My eyeing attempt is terrible.

I think the best way is by eye and if you are trying to make one seem as if it is especially called out then you want that one not to be evenly spaced like the others.
Like such
If you want them all to be equally emphasized then you will do better by eye like such
And if you want more space then it will look a bit less consistent but no more so than any other approach and making the colors lighter is not going to resolve any geometric issues.

How to create a pie chart from a pop-up menu in Numbers?

I would like to be able to select a persons name from the Pop-up menu in the E column to chose who has bought an item. I would then like to create a pie chart showing how much money each person has spent on buying the items and have this update automatically. I have no idea how I would go about doing this. Any help would be greatly appreciated.
Thanks

Costs per person, with "Ali & Baker" as a separate entity (since no provision for separating costs)
The formula is this:
=SUMIFS($Cost, $Who Bought it?, "="&$Who Bought it?, $Bought?, "=TRUE")
The reasoning is:
Sum all Costs, if the following conditions are true:
$Who Bought it?, "="&$Who Bought it?
Group items in the 'Who Bought it? column that match the item in the same row as the formula.
$Bought?, "=TRUE"
Only include items that have actually been bought.
Screenshot
I have highlighted the selected cell in red.
The coloured columns show which ones are relevant to the formula.
To create the totals, I added Footer rows to the table.
You could make a separate table if you prefer.
To create the pie chart, I selected just the costs in the footer rows, and clicked on Charts.

Need help to make a Pie Chart

I am trying to draw a pie chart for the Uptime Report.
I have the Following table definition.
create table downtime_detail ( env_code number, down_start date, down_end date );
insert into downtime_detail values (1,to_date('26-JAN-2008 02:00:00','DD-MON-YYYY HH24:MI:SS'),to_date('26-JAN-2008 03:00:00','DD-MON-YYYY HH24:MI:SS') );
insert into downtime_detail values (2,to_date('26-JAN-2008 02:00:00','DD-MON-YYYY HH24:MI:SS'),to_date('26-JAN-2008 03:00:00','DD-MON-YYYY HH24:MI:SS') );
insert into downtime_detail values (2,to_date('01-FEB-2008 02:00:00','DD-MON-YYYY HH24:MI:SS'),to_date('03-FEB-2008 03:00:00','DD-MON-YYYY HH24:MI:SS') );
insert into downtime_detail values (2,to_date('15-FEB-2008 02:00:00','DD-MON-YYYY HH24:MI:SS'),to_date('15-FEB-2008 03:00:00','DD-MON-YYYY HH24:MI:SS') );
insert into downtime_detail values (2,to_date('26-FEB-2008 02:00:00','DD-MON-YYYY HH24:MI:SS'),to_date('28-FEB-2008 03:00:00','DD-MON-YYYY HH24:MI:SS') );
Now the Below Query returns me the values val1 and val2 on the basis of which I need to draw a Pie Chart.
==========================================================
select round((DOWN/TOTAL)*100,2) val1 , round(100-((DOWN/TOTAL)*100),2) val2
from
(select sum((DOWN_END - DOWN_START)*24) DOWN from DOWNTIME_DETAIL where ENV_CODE=2 ) a ,
(select ((sysdate - to_date('01-JAN-2008','DD-MON-YYYY')) * 24) TOTAL from dual ) b
VAL1 VAL2
3.64 96.36
==========================================================
Can someone help me try do this ?
Actually I tried but I couldnt put my custom query to get this Pie chart. Or if there is any other better approach please let me know.

nikhilskamik,
I believe all that you are missing in your sql is a NULL. Below is the help text for creating a Flash pie chart.
Specify the SQL query that will populate your chart, for example:
select null, ename, sal
from emp
Alternatively you can write a PL/SQL function return a SQL query, for example:
begin
return 'select null, ename, sal from emp';
end;
Your query should then read:
select null,round((DOWN/TOTAL)*100,2) val1 , round(100-((DOWN/TOTAL)*100),2) val2
from
(select sum((DOWN_END - DOWN_START)*24) DOWN from DOWNTIME_DETAIL where ENV_CODE=2 ) a ,
(select ((sysdate - to_date('01-JAN-2008','DD-MON-YYYY')) * 24) TOTAL from dual ) b
Jeff

Pie Chart in WEBI is Grey color

Hi All,
As part of my project requirement I need to develop a WebI report with Table and Pie chart.I selected the pie chart, intially it was in grey color and assigned the data to chart .When I tried to change the color of the chart it is not displaying colors.Please suggest me how to change the color of pie chart.
As I gone through the posts in the SDN couldn't found much relevant information.
Regards,
Saroja

Hi Saroja,
I'm experiencing exactly the same problem. Did you by change find a solution in the meantime?
P.S: I'm using Webi Rich Client version 14.0.9 build 1345
Regards, Raimond

PIE Chart Color Highlight - setting colors

Hi
PIE Chart showing default colors even after setting the diffent colors to OIE chart slices from Color Highlight tab.
PIE chart is showing only one slice when I select Data for the PIE Char is "For all records".
Could you please let me know how to set the different colors for slices?
Thank you

hi,
As you are selecting 'Color Highlight' for different Pie Slices, "For all records" option shouldn't be selected.
It should be "On Change of".
Then obviously you will see the colors specified in 'Color Hghlight' tab.
Regards,
Vamsee

Pie Chart select event fires all items instead of selected

Hi,
I would like to fire an event from the select on a particular element in a pie chart.
The Flash Debugger shows that the select is sending all items to the data service. I only want to send the selected item to the data service
I am using SP8.
Any suggestions.
Thanks.
Dick
--- Debug Logger ---
21: [AAD4] schedulePlan(SELECT)
20: [AAD4] schedulePlan(FORM5_SELECT)
19: [AAD4] raiseEvent(FORM5, SELECT)
18: [AAD4] Number of rows in Response is: undefined
17: [AAD4] Threshold number of rows is:
16: [AAD4] receiveADC4()
15: [AAD4] schedulePlan(SELECT)
14: [AAD4] executeNext(shift plansQueue - length:0)
13: [AAD4] executeNext([STEP10])
12: [AAD4] Sent request: <Request type="executeFunction" function="getBorrowerByName_R" system="BorrowerFinal2" systemType="WebServicesFactory" manageConnection="N" encode="Y" commit="N" convert="N" dsmid="Administrator:com.myComp.myProduct.4.Digital_dashboard.par:1166609751870"><Input name="INPUT" shape="OBJ" appName="INPUT" ><Meta><field name="arg0" appName="arg0" type="string"/></Meta><Row arg0="Hirsch"/><Row arg0="Boston"/><Row arg0="New York"/><Row arg0="Macy's"/><Row arg0="Sears"/><Row arg0="Hedges"/></Input><Output name="Response" appName="OUTPUT___sp___Response" shape="OBJ" capacity="0"></Output><Output name="RETURN" shape="ROW" capacity="1"/></Request>
11: [AAD4] checkStep([STEP10])
10: [AAD4] [PLAN17] Invoke ADC4
9: [AAD4] executeNext([STEP3])
8: [AAD4] checkStep([STEP3])
7: [AAD4] [PLAN17] Map CHART2 -> ADC4.INPUT
6: [AAD4] executeNext([STEP11])
5: [AAD4] [PLAN17] Reset ADC4
4: [AAD4] executeNext([STEPundefined])
3: [AAD4] schedulePlan(CHART2_SELECT)
2: [AAD4] Engine fire infoset change event, notify to: GRID6
1: [AAD4] raiseEvent(CHART2, SELECT)

Hi Marcel,
I am surprised that you got this to work. How did you configure your pie chart?
>You have to assign an event to the data mapping between the chart and the data provider (write select for the event name).
I did this (look at the Flash debuggerinfo in the initial post) but this didn't help. Can you post the Flash debugger info from your pie chart?
Thanks.
Dick

Problem with wedge in Pie chart

Hi all,
i'm having a Pie chart which has some four or five sections. By using wedge option i'm able to cut out a single piece from the whole chart. But my requirement is i need to show all pieces individually. Is it possible? Please help me in this.
Kind regards,
karthick

Hi Karthick,
it is not impossible, but it is not very easy to accomplish this. First of all, the chart engine (Corda PopChart) is bounded by OBIEE. What I mean is that OBIEE doesn't use the full functionality of the chart engine, so when you want to customize the chart, beyond the functionality OBIEE uses, then there is no other option then to edit the PopChart XML files (.pcxml). In ..\OracleBI\web\app\res\s_oracle10\popbin\ and ..\OracleBI\oc4j_bi\j2ee\home\applications\analytics\analytics\res\s_oracle10\popbin you can find pie.pcxml which defines the pie chart.
About your problem: you want to explode all wedges in your pie chart. According to the Corda documentation you can only explode one wedge, but it is possible to create a pie chart with gaps between all wedges and you can also set the size of the gap. So by setting these parameters I guess you can get what you want.
Example: You need to add ShowPieGap='True' to this line in the .pcxml.
<Properties Effect='2D' EffectPercentX='10' EffectPercentY='60' OutlineType='Darker' ShowPieGap='True'/>I also recommend you to read John's experiences with editing PCXML of Corda:
http://obiee101.blogspot.com/search/label/CORDA
http://obiee101.blogspot.com/search/label/PCXML
Regards,
Stijn

Pie chart wedge function call

Hi,
I am trying to build a pie chart that will fire a custom function on rollover of the individual pie wedges.
I need to be able to pass information about the wedge that is rolled over (i.e. a name or id) to this function.
Thanks.

I am close. I just need to find the right path to the wedge id.
This is what I have so far.
<fx:Script><![CDATA[
        import mx.charts.events.ChartItemEvent;
        private function itemClickHandler(e:ChartItemEvent):void {
            var selectedIndx:String= e.currentTarget.series.index; //<--returns null
    ]]></fx:Script>
<s:VGroup>
        <mx:PieChart width="220" height="220" id="piechart1"
                     dataProvider="{srv.lastResult.AAFunds.fundName}"
                     itemClick="itemClickHandler(event)"
                     >
            <mx:series>
                <mx:PieSeries displayName="pie series 1" />
            </mx:series>
        </mx:PieChart>
    </s:VGroup>

Pie chart wedge itemRollOver

I need help with creating a custom pie chart class that will allow a function call on pie wedge rollOver.
Right now I can get a function call on rollover using itemRollOver using;
import mx.charts.events.ChartItemEvent;
-in the <mx:PieChart>;
itemRollOver="pieChart_itemRoll(event);"
-which calls this function
private function pieChart_itemRoll(evt:ChartItemEvent):void {
var psi:PieSeriesItem = evt.hitData.chartItem as PieSeriesItem;
trace(psi.item.target);
Please advise on how can I put this into a custom PieChart .as that extends PieChart?
Currently itemRollOver in my custom class throws an undefined property error.
Thanks.

OK, now I get it. So you would need to place your two PieCharts in a s:Group or mx:Canvas. On top of the pie charts, lay another s:Group on which you will do some drawing on its graphics:Graphics object.
In your case, you need to use dataToLocal() (will give you pixel coordinates in your chart) then localToGlobal() (convert to Application coordinates) then globalToLocal() (convert to the Top Group or Canvas coordinates you want to draw in) :
Using the dataToLocal() method
The dataToLocal() method converts a set of values to x and y coordinates on the screen. The values you give the method are in the "data space" of the chart; this method converts these values to coordinates. The data space is the collection of all possible combinations of data values that a chart can represent.
The number and meaning of arguments passed to the dataToLocal() method depend on the chart type. For CartesianChart controls, such as the BarChart and ColumnChart controls, the first value is used to map along the x axis, and the second value is used to map along the y axis.
For PolarChart controls, such as the PieChart control, the first value maps to the angle around the center of the chart, and the second value maps to the distance from the center of the chart along the radius.
The coordinates returned are based on 0,0 being the upper-left corner of the chart. For a ColumnChart control, for example, the height of the column is inversely related to the x coordinate that is returned.
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/display/DisplayOb ject.html#localToGlobal%28%29
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/display/DisplayOb ject.html#globalToLocal%28%29

Refresh Interactive Report based on Flash Pie Chart selection

I have an Interactive Report:
select ename "Employee Name",
mgr "Manager
from emp e, dept d
where e.deptno = d.deptno ;
That i'd like to have filtered by MGR when a Flash Pie Chart is clicked:
select null link,
mgr label,
count(emp_id) value
from emp e, dept d
where e.deptno = d.deptno
group by mgr ;
Can someone indicate how i'd do this?
Thanks in advance!
John

Hi,
This post might help
Re: Navigable pie-chart
Regards,
Jari
http://dbswh.webhop.net/dbswh/f?p=BLOG:HOME:0

Pie chart wedge end position.

Hi,
I need one urgent help. I need to get start and end position of the wedge corner's in pie-chart. I need to draw some thing using those points. So i need thier global positions.
Thanks,
Sathyamoorthi.

OK, now I get it. So you would need to place your two PieCharts in a s:Group or mx:Canvas. On top of the pie charts, lay another s:Group on which you will do some drawing on its graphics:Graphics object.
In your case, you need to use dataToLocal() (will give you pixel coordinates in your chart) then localToGlobal() (convert to Application coordinates) then globalToLocal() (convert to the Top Group or Canvas coordinates you want to draw in) :
Using the dataToLocal() method
The dataToLocal() method converts a set of values to x and y coordinates on the screen. The values you give the method are in the "data space" of the chart; this method converts these values to coordinates. The data space is the collection of all possible combinations of data values that a chart can represent.
The number and meaning of arguments passed to the dataToLocal() method depend on the chart type. For CartesianChart controls, such as the BarChart and ColumnChart controls, the first value is used to map along the x axis, and the second value is used to map along the y axis.
For PolarChart controls, such as the PieChart control, the first value maps to the angle around the center of the chart, and the second value maps to the distance from the center of the chart along the radius.
The coordinates returned are based on 0,0 being the upper-left corner of the chart. For a ColumnChart control, for example, the height of the column is inversely related to the x coordinate that is returned.
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/display/DisplayOb ject.html#localToGlobal%28%29
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/display/DisplayOb ject.html#globalToLocal%28%29

How to retrieve pie chart wedge id

Hi.
I'm trying to figure out how to get an id or index of a specific wedge from a pie chart
I think I'm close. I just need to find the right path to the wedge id.
This is what I have so far.
<fx:Script><![CDATA[
        import mx.charts.events.ChartItemEvent;
        private function itemClickHandler(e:ChartItemEvent):void {
            var selectedIndx:String= e.currentTarget.series.index; //<--returns null
    ]]></fx:Script>
<s:VGroup>
        <mx:PieChart width="220" height="220" id="piechart1"
                     dataProvider="{srv.lastResult.AAFunds.fundName}"
                     itemClick="itemClickHandler(event)"
                     >
            <mx:series>
                <mx:PieSeries displayName="pie series 1" />
            </mx:series>
        </mx:PieChart>
    </s:VGroup>

Figured it out.
Here is a simple example;
<?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:Declarations>
    </fx:Declarations>
    <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:PieChart id="pieChart"
                 dataProvider="{chartDP}"
                 itemClick="pieChart_itemClick(event);"
                 showDataTips="false"
                 height="300"
                 width="300">
        <mx:series>
            <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>

Pie chart highlight selected wedge.

Similar Messages

Maybe you are looking for