setting the values of the gutterLeft, gutterRight, and gutterBottom style properties. It also sets the paddingTop property to 20. : Style « Style « Flex






setting the values of the gutterLeft, gutterRight, and gutterBottom style properties. It also sets the paddingTop property to 20.

setting the values of the gutterLeft, gutterRight, and gutterBottom style properties. It also sets the paddingTop property to 20.
             

<!--
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/GutterStyles.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
  <mx:Style>
    @namespace mx "http://www.adobe.com/2006/mxml";
    
    mx|ColumnChart {
        gutterLeft:50; 
        gutterRight:50; 
        gutterBottom:50; 
        paddingTop:20; 
    }
  </mx:Style>
  <mx:Script>
    import mx.collections.ArrayCollection;
    [Bindable]
    public var expenses:ArrayCollection = new ArrayCollection([
      {Month:"Jan", Profit:2000, Expenses:1500},
      {Month:"Feb", Profit:1000, Expenses:200},
      {Month:"Mar", Profit:1500, Expenses:500}
      ]);
    </mx:Script>
  <mx:Panel>
    <mx:ColumnChart id="column" dataProvider="{expenses}">
      <mx:horizontalAxis>
        <mx:CategoryAxis dataProvider="{expenses}"
          categoryField="Month" />
      </mx:horizontalAxis>
      <mx:series>
        <mx:ColumnSeries xField="Month" yField="Profit"
          displayName="Profit" />
        <mx:ColumnSeries xField="Month" yField="Expenses"
          displayName="Expenses" />
      </mx:series>
    </mx:ColumnChart>
    <mx:Legend dataProvider="{column}" />
  </mx:Panel>
</mx:Application>

   
    
    
    
    
    
    
    
    
    
    
    
    
  








Related examples in the same category

1.Apply effects with ActionScript and not use stylesApply effects with ActionScript and not use styles
2.Alternate WipeRight and WipeLeft effects for the mouseDownEffect style of a Button controlAlternate WipeRight and WipeLeft effects for the mouseDownEffect style of a Button control
3.Using a local stylesheet to decouple the style implementationUsing a local stylesheet to decouple the style implementation
4.Using the plain style
5.Applying behaviors in MXML using stylesApplying behaviors in MXML using styles
6.Applying behaviors in ActionScript using stylesApplying behaviors in ActionScript using styles
7.Local style definitionsLocal style definitions
8.Inline stylesInline styles
9.Get style declaration for control
10.Flex Style with namespaceFlex Style with namespace
11.Flex supports both camel-case and hyphenated syntax in style sheetsFlex supports both camel-case and hyphenated syntax in style sheets
12.Set style declaration for multiple componentSet style declaration for multiple component
13.Basic Inheritance for styleBasic Inheritance for style
14.Extensible style propertiesExtensible style properties
15.Get style and convert style value to stringGet style and convert style value to string
16.Using inline stylesUsing inline styles
17.Call a method when the style sheet finishes loadingCall a method when the style sheet finishes loading
18.Applying skins by using the Style ManagerApplying skins by using the Style Manager
19.Apply style to globalApply style to global
20.Unload style declaration
21.Use style from style option
22.Compare the style of controlsCompare the style of controls
23.Set all styles in MXML as tag attributes.Set all styles in MXML as tag attributes.
24.Applying styles by binding tag definitionsApplying styles by binding tag definitions
25.Apply axisTitleStyleName property without specifying itApply axisTitleStyleName property without specifying it
26.Override Base Style PropertiesOverride Base Style Properties
27.Component styles
28.Click to change styleClick to change style
29.Compiled stylesCompiled styles
30.Setting And Getting StylesSetting And Getting Styles
31.Customize Styles at RuntimeCustomize Styles at Runtime
32.Styles SubComponentsStyles SubComponents
33.Set various styles on the textSet various styles on the text
34.Styled Link ElementStyled Link Element
35.Use ActionScript to set StylesUse ActionScript to set Styles
36.To make development easier, however, Flex supports both the camel-case and hyphenated syntax in style sheetsTo make development easier, however, Flex supports both the camel-case and hyphenated syntax in style sheets
37.Data Tip StylesData Tip Styles
38.Inheritable StyleInheritable Style
39.Define MyStyle style and applies that style to the elements on the horizontal axisDefine MyStyle style and applies that style to the elements on the horizontal axis