Set the labelGap property of a chart's axes : Label « Components « Flex

Home
Flex
1.Chart
2.Components
3.Container
4.Data Model
5.Development
6.Effects
7.Event
8.Graphics
9.Grid
10.Style
Flex » Components » Label 




Set the labelGap property of a chart's axes
Set the labelGap property of a chart's axes
           

<!--
Code from Flex 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 
  (1proper attribution to Adobe is given as the owner of the user guide; and 
  (2any 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/LabelGaps.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},
      {Month:"Feb", Profit:1000, Expenses:200},
      {Month:"Mar", Profit:1500, Expenses:500}
      ]);
    </mx:Script>
  <mx:Panel>
    <mx:ColumnChart id="myChart" dataProvider="{expenses}"
      gutterLeft="50" gutterRight="50" gutterBottom="50" gutterTop="20">
      <mx:horizontalAxis>
        <mx:CategoryAxis dataProvider="{expenses}"
          categoryField="Month" />
      </mx:horizontalAxis>
      <mx:horizontalAxisRenderer>
        <mx:AxisRenderer labelGap="20" />
      </mx:horizontalAxisRenderer>
      <mx:verticalAxisRenderer>
        <mx:AxisRenderer labelGap="20" />
      </mx:verticalAxisRenderer>
      <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="{myChart}" />
  </mx:Panel>
</mx:Application>

   
    
    
    
    
    
    
    
    
    
    
  














Related examples in the same category
1.Set Labels for VSliderSet Labels for VSlider
2.TextField CSS ClassTextField CSS Class
3. tag represents a Label control<mx:Label> tag represents a Label control
4.Label with Label with <mx:Label>
5.Set all Label components to use the Blue colorSet all Label components to use the Blue color
6.Apply a drop shadow to a Label control by using expanded MXML syntax and inline syntaxApply a drop shadow to a Label control by using expanded MXML syntax and inline syntax
7.Styling LabelStyling Label
8. represents a Label control<s:Label> represents a Label control
9.Use ActionScript to declare two Label controlsUse ActionScript to declare two Label controls
10.Defines myName and myHometown variables and binds them to the text of Label controls in the initVars() methodDefines myName and myHometown variables and binds them to the text of Label controls in the initVars() method
11.Use bindable string variable to set the Label textUse bindable string variable to set the Label text
12.Binds variables to LabelBinds variables to Label
13.Create a region that is 50 pixels wide for the axis labels, titles, and tick marksCreate a region that is 50 pixels wide for the axis labels, titles, and tick marks
14.Binding ActionScript variable to Label controlBinding ActionScript variable to Label control
15.Set Label text with attribute and nested tagSet Label text with attribute and nested tag
16.Define a Label tagDefine a Label tag
17.Selectable LabelSelectable Label
18.Truncate Label To Fit the widthTruncate Label To Fit the width
19.Label with ConstraintsLabel with Constraints
20.Format float number for LabelFormat float number for Label
21.Label ControlLabel Control
22.Label Control Link EventLabel Control Link Event
23.Apply a drop shadow to Label controls by using expanded MXML syntax and inline syntaxApply a drop shadow to Label controls by using expanded MXML syntax and inline syntax
24.Specify the value of the labelFunction property for one of the vertical axis renderers.Specify the value of the labelFunction property for one of the vertical axis renderers.
25.Use ActionScript to change value of Button's label property when button clickedUse ActionScript to change value of Button's label property when button clicked
26.Creates a Button control with a label and an icon:Creates a Button control with a label and an icon:
27.Block changes Button's label property when the user clicks the buttonBlock changes Button's label property when the user clicks the button
28.Button labelButton label
29.Set label for a Button with child tagSet label for a Button with child tag
30.label for check box and buttonlabel for check box and button
31.A Button control with the label "Hello world!":A Button control with the label
32.Truncate To Fit by setting truncateToFit to trueTruncate To Fit by setting truncateToFit to true
33.Celsius and Fahrenheit converterCelsius and Fahrenheit converter
34.Inline Celsius and Fahrenheit converterInline Celsius and Fahrenheit converter
35.without an explicit function callwithout an explicit function call
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.