I am using:
AngularGauge.swf ;
@version fusioncharts/3.2.3-sr2.6105
Attached is the same xml input rendered in IE / FF.
Seems IE doesn't center colorRange in center but it does the annotations. - seems to account for title
In firefox both annotations a colorRange is centered.
I'm using the macros: chartCenterX/chartCenterY
How can I get this chart to look the same in IE and FF
@model InternalDashboard.Areas.CaretechVisualization.Reporting.IAmAGauge
@{
Layout = null;
Response.ContentType = "text/xml";
}
<chart caption="@Model.Title" subcaption="@Model.SubTitle" manageResize="1" autoScale="1"
origW="350" origH="225" scaleText="1"
manageValueOverlapping="1" autoAlignTickValues="1" bgColor="AEC0CA,FFFFFF"
fillAngle="45" upperLimit="@Model.Ranges.Max(x=>x.MaxValue).ToString("0.00")" lowerLimit="@Model.Ranges.Min(x=>x.MinValue).ToString("0.00")"
majorTMNumber="10" majorTMHeight="8" showGaugeBorder="0"
gaugeOuterRadius="140" gaugeInnerRadius="2" formatNumberScale="1"
numberPrefix="$" decmials="2" tickMarkDecimals="1" pivotRadius="17"
showPivotBorder="1" pivotBorderColor="000000" pivotBorderThickness="5"
pivotFillMix="FFFFFF,000000" tickValueDistance="10"
clickURL="JavaScript:GaugeDrillDown('@Model.Title');">
<colorRange>
@foreach (var r in Model.Ranges)
{
<color minValue="@r.MinValue.ToString("0.00")" maxValue="@r.MaxValue.ToString("0.00")" code="@r.Color"/>
}
</colorRange>
<dials>
<dial value="@Model.ActualValue" borderAlpha="0" bgColor="000000" baseWidth="28" topWidth="1" radius="130" />
</dials>
@if(Model.TrendMarkers.Any()){
<trendpoints>
@foreach (var t in Model.TrendMarkers)
{
<point startValue="@t.StartValue.ToString("0.00")" displayValue="@t.DisplayValue" radius="160" innerRadius="145" color="666666" thickness="2" alpha="100"/>
}
</trendpoints>
}
<annotations>
<!-- Draw the background arcs -->
<annotationGroup x="$chartCenterX+$5" y="$chartCenterY+$50">
<annotation type="circle" x="0" y="2.5" radius="150" startAngle="0" endAngle="180" fillPattern="linear" fillAsGradient="1" fillColor="dddddd,666666" fillAlpha="100,100" fillRatio="50,50" fillAngle="0" showBorder="1" borderColor="444444" borderThickness="2" />
<annotation type="circle" x="0" y="0" radius="145" startAngle="0" endAngle="180" fillPattern="linear" fillAsGradient="1" fillColor="666666,ffffff" fillAlpha="100,100" fillRatio="50,50" fillAngle="0" />
</annotationGroup>
</annotations>
</chart>
