<KoolChart styleName="koolchart">
    <CircularGauge startAngle="90" minimumAngle="30" maximumAngle="330" minimum="0" maximum="$maximum" interval="$interval" minorInterval="$minorInterval" editMode="false" liveDragging="true" showDataTip="true" valueXOffset="0" valueYOffset="60" isValueTop="true" tickLabelStyleName="tickText" valueLabelStyleName="valueText" coverRadiusRatio="0.5" needleCoverRadius="5" needleThickness="8" pointThickness="2" needleLengthRatio="0.7" needlePointStyle="steeple" needleBackLengthRatio="0" tickGap="0" labelGap="15" tickLabelPlacement="outside" majorTickType="line" tickRadius="12" minorTickType="line" minorTickRadius="3" showTrackColor="true" trackValues="[$trackValues]" trackColors="[#f35f5f,#f6a54c,#b7e2ac,#5ece9e,#5587a2]" trackAlphas="[0.8,0.85,0.90,0.95,1]" trackInnerRadius="1" trackOuterRadius="1.03" secondMinimum="0" secondMaximum="100" secondInterval="20" showSecondTick="true" showSecondMinorTick="false" secondTickGap="8" secondTickRadius="2" secondMinorTickType="line" showSecondValueLabel="true" showSecondTickLabels="true" secondTrackInnerRadius="0.95" secondTrackOuterRadius="0.96" secondTickLabelStyleName="secondTickText" showSecondTrackColor="true" secondTrackValues="[0,$maximum]" secondTrackColors="[#8587a2]" secondTrackAlphas="[0.5]"  labelJsFunction="w122LabelHandler" secondLabelJsFunction="w122SecondLabelHandler"  dataTipJsFunction="w122TipHandler">
    <frameFill><SolidColor color="#ffffff"/></frameFill>
    <frameStroke><Stroke color="#777" weight="0" alpha="0"/></frameStroke>
    <tickStroke><Stroke color="#ffffff" alpha="0"/></tickStroke>
    <minorTickStroke><Stroke color="#ffffff"/></minorTickStroke>
    <needleFill><SolidColor color="#555"/></needleFill>
    <needleStroke><Stroke color="#555"/></needleStroke>
    <needleCoverFill><SolidColor color="#ffffff" alpha="1"/></needleCoverFill>
    <needleCoverStroke><Stroke color="#555" weight="2"/></needleCoverStroke>
    <secondMinorTickStroke><Stroke color="#8587a2"/></secondMinorTickStroke>
    <secondTickStroke><Stroke color="#8587a2" weight="1"/></secondTickStroke>
</CircularGauge>
<Style>.koolchart { backgroundColor:#ffffff; borderStyle:none; cornerRadius:12; paddingBottom:5; } .valueText { fontSize:15; textAlign:center;backgroundColor:0xFFFFFF;backgroundAlpha:1;paddingTop:2;borderThickness:1;borderStyle:none;fontWeight:bold; } .tickText { fontSize:12; color:#999 } .trackText { fontSize: 12px; color: #f9f9f9; fontWeight: bold; } .secondTickText {fontSize:9;color:#8786a2;fontWeight:bold;}</Style>
</KoolChart>