<KoolChart styleName="koolchart"><Options><Legend labelPlacement="center" markerWidth="12" markerHeight="12" styleName="legend"/></Options><NumberFormatter id="intFormat" precision="0" thousandsSeparatorTo="."/><NumberFormatter id="decFormat" precision="2" thousandsSeparatorTo="." decimalSeparatorTo=","/><CurrencyFormatter id="curFormat"/><CurrencyFormatter id="eurFormat" precision="2" currencySymbol="&#8364;" thousandsSeparatorTo="." decimalSeparatorTo=","/><DateFormatter id="fecFormat" formatString="DD/MM/YYYY"/><DateFormatter id="mesFormat" formatString="MM"/><DateFormatter id="meyFormat" formatString="MM-YYYY"/><DateFormatter id="anyFormat" formatString="YYYY"/>
<Gauge innerRatio="0.5"  nameField="grp_fecha" valueField="importe" color="#f9f9f9" backgroundColors="[#f0f0f0]" foregroundColors="[$foregroundColors]" minimum="0" maximum="$maximum" startAngle="-150" minimumAngle="0" maximumAngle="300" labelJsFunction="w119LabelHandler" fontWeight="500" dataTipJsFunction="w119TipHandler" >
 <backgroundElements>
    <Box width="100%" height="100%" horizontalAlign="center" verticalAlign="middle">
        <SubLegend direction="vertical" fontSize="9" color="#666666" borderStyle="none">
          $legendItem
        </SubLegend>
    </Box>
</backgroundElements>
</Gauge>

<Style>
   .koolchart { backgroundColor:#ffffff; borderStyle:none; cornerRadius:12; paddingBottom:5; } .valueText { fontSize:18; textAlign:center; borderColor:#999999; backgroundColor:#e0e0e0; paddingTop:4; borderThickness:1; borderAlpha:1; borderStyle:solid; } .tickText { fontSize:15; color:#FFFFFF } .trackText { fontSize: 12px; color: #f9f9f9; fontWeight: bold; }
</Style>

</KoolChart>