Flex 4 Gauge Source Code and a Sample Example

As you all required you can download the source code of the Flex 4 Gauge component also here is a sample MXML of how to add the Gauge in your Application



<controls:DegrafaGauge id="gauge"
  diameter="{gaugeDefaultDiameter}"
  liveDragging="false"
  horizontalCenter="0"
  verticalCenter="0"
  styleName="gaugeSkin"
  startAngle="30"
  endAngle="330"
  minimum="0"
  maximum="100"
  labelStyleName="gaugeLabel"
  labelFormatter="{formatter}"
  value="{_counterValue}"
  labelYOffsetRatio="0.7"
  initialize="{gauge.setStyle('startAngle',30); gauge.setStyle('endAngle',330);}"
  mouseOver="{OnMouseOverHandler(event)}"
  mouseOut="{OnMouseOutHandler(event)}">

</controls:DegrafaGauge>