[flexcoders] truly borderless chart (no gaps between chart inside and edge)

[Pan Troglodytes]

Well, I fought for a while getting a chart that didn't have ANY gaps on the
sides.  It was tricky, but I thought I'd share my solution for posterity.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml";
backgroundColor="green"
  borderColor="blue" borderStyle="solid" borderThickness="5"
  paddingBottom="0" paddingLeft="0" paddingRight="0"  paddingTop="0"
  >
  <mx:CartesianChart id="chart1" width="100%" height="100%"
    gutterLeft="0"
    >
    <mx:dataProvider>
      <mx:Array>
        <mx:Object x="0" y="1"/>
        <mx:Object x="1" y="3"/>
        <mx:Object x="2" y="2"/>
      </mx:Array>
    </mx:dataProvider>

    <mx:horizontalAxis>
      <mx:LinearAxis/>
    </mx:horizontalAxis>
    <mx:verticalAxis>
      <mx:LinearAxis/>
    </mx:verticalAxis>

    <mx:horizontalAxisRenderer>
      <mx:AxisRenderer showLabels="false" showLine="false"
        tickPlacement="none" labelGap="0">
        <mx:tickStroke>
          <mx:Stroke weight="0"/>
        </mx:tickStroke>
      </mx:AxisRenderer>
    </mx:horizontalAxisRenderer>

    <mx:verticalAxisRenderer>
      <mx:AxisRenderer showLabels="false" showLine="false"
        tickPlacement="none" labelGap="0">
        <mx:tickStroke>
          <mx:Stroke weight="0"/>
        </mx:tickStroke>
        <mx:minorTickStroke>
          <mx:Stroke weight="0"/>
        </mx:minorTickStroke>
      </mx:AxisRenderer>
    </mx:verticalAxisRenderer>

    <mx:series>
      <mx:AreaSeries xField="x" yField="y"/>
    </mx:series>
  </mx:CartesianChart>
</mx:Application>


-- 
Jason