Using Flex 2.
I have a 100% bar chart that I need help figuring out how to get
access to some of the series data for display in a data tip. Here's
the scenario:
There are 4 regions in the country, each of them gets their own bar in
the chart.
- North Region
- South Region
- West Region
- East Region
Each bar has 4 individual peices to it, which together sum to 100%:
- Used Sales
- New Sales
- Parts
- Accessories
What I need is a way to display the name of the grouping (Used Sales,
New Sales, etc) inside my datatip. I cannot for the life of me figure
out how to do this.
Here's the code that I'm working with:
---------------------
<mx:Script>
<![CDATA[
import mx.charts.HitData;
public function dataTipsBarChart(e:HitData):String {
/*
so far I know how to get the region name, but how do you
get the actual "displayname" of the series that is being
rolled over?
*/
return e.item.region;
}
]]>
</mx:Script>
<mx:BarChart x="10" y="36" width="80%" height="124"
id="barchartDealers" type="100%" showDataTips="true"
dataTipFunction="dataTipsBarChart">
<mx:dataProvider>
<mx:Array>
<mx:Object region="North" newsales="50" usedsales="25"
parts="15"
accessories="10" />
<mx:Object region="South" newsales="40" usedsales="35"
parts="10"
accessories="15" />
<mx:Object region="East" newsales="65" usedsales="15"
parts="10"
accessories="10" />
<mx:Object region="West" newsales="60" usedsales="20"
parts="15"
accessories="5" />
</mx:Array>
</mx:dataProvider>
<mx:verticalAxis>
<mx:CategoryAxis categoryField="region" displayName=""/>
</mx:verticalAxis>
<mx:horizontalAxis>
<mx:LinearAxis minimum="0" maximum="100"/>
</mx:horizontalAxis>
<mx:series>
<mx:BarSeries displayName="New Sales" yField="region"
xField="newsales">
<mx:fill>
<mx:SolidColor color="0x009900"/>
</mx:fill>
</mx:BarSeries>
<mx:BarSeries displayName="Used Sales" yField="region"
xField="usedsales">
<mx:fill>
<mx:SolidColor color="0xFFFF00"/>
</mx:fill>
</mx:BarSeries>
<mx:BarSeries displayName="Parts" yField="region"
xField="parts">
<mx:fill>
<mx:SolidColor color="0xFF9900"/>
</mx:fill>
</mx:BarSeries>
<mx:BarSeries displayName="Accessories" yField="region"
xField="accessories">
<mx:fill>
<mx:SolidColor color="0xFF0000"/>
</mx:fill>
</mx:BarSeries>
</mx:series>
</mx:BarChart>
<mx:Legend dataProvider="{barchartDealers}" x="74.5" y="151"
width="522" height="31" fontSize="9" id="barchartDealersLegend"/>
---------------------
Any help with this would be greatly appreciated!
I hope that my example was clear enough, it should run on it's own if
you cut/paste it into a blank Flex app.
--
Flexcoders Mailing List
FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt
Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com
Yahoo! Groups Links
<*> To visit your group on the web, go to:
http://groups.yahoo.com/group/flexcoders/
<*> To unsubscribe from this group, send an email to:
[EMAIL PROTECTED]
<*> Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
