Ya…you heard me. Flipping Flex Chart Axis! And I mean it too. 
Wouldn’t it be nice if you could easily swap x and y axis? And change the “corner” where the origin is. This functionality isn’t built in to the charts. You can change the side (left or right) where the y-axis is and the position of the x-axis (top or bottom), but that doesn’t change where the origin is. It merely changes where the axis labels appear. Well, this sample shows that through the combination of sorting, dataFunctions and labelFunctions, you can flip the chart axis and change where the origin appears in your chart.
This movie requires Flash Player 9
Download a zipfile containing the source to this sample.
Browse the source of this example.
Or continue into the blog entry to see the source:
Read the rest of this post»
No Comments »
This is a follow up to my previous linebreak post.
This demonstrates how to deal with parsing linebreaks when they are in the text data for a datagrid.
You can either escape them in your source text data as shown in the previous post or you can use a labelFunction and some simple regular expression parsing to handle the escaping.
Here is the application code:
<mx:application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:script>
<!–[CDATA[
private function format(item:Object, column:DataGridColumn):String{
var str:String=item[column.dataField]–> var myPattern:RegExp = /\\n/g;
var newStr:String=str.replace(myPattern, "\n");
return newStr;
}
]]>
</mx:script>
<mx:array id="arr1">
<mx:object articlename="Finding out a characters \nUnicode character \ncode" data="15">
<mx:object articlename="Setting an icon in an Alert control" data="14">
<mx:object articlename="Setting an icon in a Button control" data="13">
<mx:object articlename="Installing the latest nightly \nFlex 3 SDK build into Flex Builder 3" data="10">
<mx:object articlename="Detecting which button a user pressed to dismiss an Alert dialog" data="9">
<mx:object articlename="Using the Alert control" data="8">
<mx:object articlename="Formatting data tips in a Slider" data="7">
<mx:object articlename="Downloading the latest Adobe Labs version of Flex 3 SDK/Flex Builder 3 (codename: Moxie)" data="6">
</mx:object>
<mx:arraycollection id="arrColl" source="{arr1}">
<mx:array id="arr2">
<mx:object articlename="Finding out a characters {’\n‘}Unicode character code" data="15">
<mx:object articlename="Setting an icon in an Alert control" data="14">
<mx:object articlename="Setting an icon in a Button control" data="13">
<mx:object articlename="Installing the latest nightly {’\n‘}Flex 3 SDK build into Flex Builder 3" data="10">
<mx:object articlename="Detecting which button a user pressed to dismiss an Alert dialog" data="9">
<mx:object articlename="Using the Alert control" data="8">
<mx:object articlename="Formatting data tips in a Slider" data="7">
<mx:object articlename="Downloading the latest Adobe Labs version of Flex 3 SDK/Flex Builder 3 (codename: Moxie)" data="6">
</mx:object>
<mx:arraycollection id="arrColl2" source="{arr2}">
<mx:text text="this dg uses a labelFunction to manipulate the linebreaks">
<mx:datagrid id="dataGrid" dataprovider="{arrColl}" variablerowheight="true" width="60%" height="35%">
<mx:columns>
<mx:datagridcolumn labelfunction="format" datafield="articleName" headertext="Name of the article in question">
<mx:datagridcolumn datafield="data" headertext="ID of the article">
</mx:datagridcolumn>
</mx:datagridcolumn>
<mx:text text="this dg has the linebreaks modified in the source {’\n‘}arraycollection using curly braces and single quotes.">
<mx:datagrid dataprovider="{arrColl2}" variablerowheight="true" width="60%" height="35%">
<mx:columns>
<mx:datagridcolumn datafield="articleName" headertext="Name of the article in question">
<mx:datagridcolumn datafield="data" headertext="ID of the article">
</mx:datagridcolumn>
</mx:datagridcolumn>
</mx:columns>
</mx:datagrid></mx:text></mx:columns></mx:datagrid></mx:text></mx:arraycollection></mx:object></mx:object></mx:object></mx:object></mx:object></mx:object></mx:object></mx:array></mx:arraycollection></mx:object></mx:object></mx:object></mx:object></mx:object></mx:object></mx:object></mx:array></mx:application>
Browse the source of this example.
Download a zipfile containing the source to this sample.
This movie requires Flash Player 9
No Comments »
Recent Comments