<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                xmlns:s="library://ns.adobe.com/flex/spark" 
                xmlns:mx="library://ns.adobe.com/flex/mx" rollOverColor="0xFFFFFF"
                autoDrawBackground="false" creationComplete="init()">
    <fx:Declarations>
        <mx:CurrencyFormatter id="cur" currencySymbol="$" rounding="nearest" precision="2" useThousandsSeparator="true" />
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
            private function init():void {

            }
        ]]>
    </fx:Script>
   <s:Group>
       
       <s:VGroup>
               
            <s:HGroup paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop="10">
                <s:Label text="Age {data.Age}" fontSize="14" fontFamily="allerBold" width="60" />
                <s:Label id="value" fontFamily="allerBold" fontSize="14" color="0x86b815" text="{cur.format(data.Value)}"/>
            </s:HGroup>
            
            <s:Line xFrom="0" xTo="360">
                <s:stroke>
                    <s:SolidColorStroke color="0xd5d9db" weight="2" />
                </s:stroke>
            </s:Line>
           
       </s:VGroup>
       
       
   </s:Group>
</s:ItemRenderer>