Set value of the CategoryAxis object's dataProvider property to a custom Array of labels : Array « Data Model « Flex






Set value of the CategoryAxis object's dataProvider property to a custom Array of labels

Set value of the CategoryAxis object's dataProvider property to a custom Array of labels
         
<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->
<!-- charts/CategoryAxisLabels.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        import mx.collections.ArrayCollection;
        [Bindable]
        public var expenses:ArrayCollection = new ArrayCollection([
            {Month:"Jan", Profit:2000, Expenses:1500, Amount:450},
            {Month:"Feb", Profit:1000, Expenses:200, Amount:600},
            {Month:"Mar", Profit:1500, Expenses:500, Amount:300}
            ]);
        [Bindable]
        public var months:Array = [
            {Month:"January", monthAbbrev:"Jan"},
            {Month:"February", monthAbbrev:"Feb"},
            {Month:"March", monthAbbrev:"Mar"}
            ];
      </mx:Script>
    <mx:Panel title="Line Chart">
        <mx:AreaChart dataProvider="{expenses}" showDataTips="true">
            <mx:horizontalAxis>
                <mx:CategoryAxis dataProvider="{months}" categoryField="Month" />
            </mx:horizontalAxis>
            <mx:series>
                <mx:AreaSeries yField="Profit" displayName="Profit" />
                <mx:AreaSeries yField="Expenses" displayName="Expenses" />
            </mx:series>
        </mx:AreaChart>
    </mx:Panel>
</mx:Application>

   
    
    
    
    
    
    
    
    
  








Related examples in the same category

1.Method to create an Array-based menuMethod to create an Array-based menu
2.Setting Arrays of scalar valuesSetting Arrays of scalar values
3.Number based arrayNumber based array
4. and tags around Array elements are optional<mx:Array> and </mx:Array> tags around Array elements are optional
5.Array of strings data providerArray of strings data provider
6.Define Array in ActionScript by a comma-separated list of values surrounded by bracesDefine Array in ActionScript by a comma-separated list of values surrounded by braces
7.Set style value with Array in MXML and apply those values inlineSet style value with Array in MXML and apply those values inline
8.The attribute must correspond to a property of type Object or Array.The attribute must correspond to a property of type Object or Array.
9.String value array collection
10.Binding to arraysBinding to arrays
11.Binding to array elementsBinding to array elements
12.Bind arrays to the dataProvider property of Flex controlsBind arrays to the dataProvider property of Flex controls
13.To explode one or more wedges of pie, use an Array of explodeRadius values.To explode one or more wedges of pie, use an Array of explodeRadius values.
14.Remove filters by setting the filters Array to an empty ArrayRemove filters by setting the filters Array to an empty Array
15.Set the alpha property on each entry in the Array of tagsSet the alpha property on each entry in the Array of <mx:GradientEntry> tags
16.Use a single Array of fills to specify how Flex should draw the individual wedgesUse a single Array of fills to specify how Flex should draw the individual wedges
17.Defines two Arrays of SolidColor objectsDefines two Arrays of SolidColor objects
18.Excludes Saturdays and Sundays from the chart by setting the value of the disabledDays property to an Array that contains 0 and 6:Excludes Saturdays and Sundays from the chart by setting the value of the disabledDays property to an Array that contains 0 and 6:
19.Create Array using tag
20.Save Popup into Array and reference it laterSave Popup into Array and reference it later
21.shows a SkinnableDataContainer displaying an Array of Strings as childrenshows a SkinnableDataContainer displaying an Array of Strings as children
22.Add, Remove, or Retrieve Data from an ArrayListAdd, Remove, or Retrieve Data from an ArrayList
23.Using ActionScript to declare and create an ArrayList objectUsing ActionScript to declare and create an ArrayList object
24.Update Array Via ICollectionViewUpdate Array Via ICollectionView
25.Using a static Array of objects for the data providerUsing a static Array of objects for the data provider
26.Using Array Of MXML Objects as DataProviderUsing Array Of MXML Objects as DataProvider
27.Using Array Of Verbose MXML Objects as DataProviderUsing Array Of Verbose MXML Objects as DataProvider
28.As with Arrays, you can use MXML to define the contents of a collectionAs with Arrays, you can use MXML to define the contents of a collection
29.Define the Array in ActionScript by using a comma-separated list of values surrounded by bracesDefine the Array in ActionScript by using a comma-separated list of values surrounded by braces
30.Set the properties that use Arrays inline.Set the properties that use Arrays inline.
31.Remove shadows by setting the chart control's seriesFilters property to an empty ArrayRemove shadows by setting the chart control's seriesFilters property to an empty Array
32.Convert Array to StringConvert Array to String
33.Use an Array of Objects to specify a label and icon for each buttonUse an Array of Objects to specify a label and icon for each button
34.Button is repeated for every element in an Array object
35.An Array of Objects specifies a label and icon for each buttonAn Array of Objects specifies a label and icon for each button
36.Get Item index at fourth positionGet Item index at fourth position