Arc Gauge

Example

  This basic Gauge.Arc element includes:

  • Extended, built-in animation
  • Gauge Range elements provide value zones
  • Tooltip

<Gauge Alignment="Left" AlignmentHorizontal="Left" ArcBackgroundColor="LightGoldenrodYellow" ArcInnerRadius="62%" ChartHeight="230" ChartWidth="420" ID="Gauge_Arc1" LabelFontSize="32" LabelFormat="Currency" TickLabelFormat="Currency" Type="Arc" Value="" AnimationDuration="1200" Tooltip="">
  <DataLayer Type="XMLFile" XMLFile="NW_Orders.xml">
    <AggregateColumn AggregateColumn="Freight" AggregateFunction="SUM" DataType="Number" ID="agrFreight" />
  </DataLayer>
  <GaugeRange Color="#F1C232" RangeEndValue="80000" />
  <GaugeRange Color="#6AA84F" RangeEndValue="100000" />
</Gauge>
<Gauge Alignment="Left" AlignmentHorizontal="Left" ArcBackgroundColor="LightGoldenrodYellow" ArcInnerRadius="62%" ChartHeight="230" ChartWidth="420" ID="Gauge_Arc1" LabelFontSize="32" LabelFormat="Currency" TickLabelFormat="Currency" Type="Arc" Value="" AnimationDuration="1200" Tooltip=""> <DataLayer Type="XMLFile" XMLFile="NW_Orders.xml"> <AggregateColumn AggregateColumn="Freight" AggregateFunction="SUM" DataType="Number" ID="agrFreight" /> </DataLayer> <GaugeRange Color="#F1C232" RangeEndValue="80000" /> <GaugeRange Color="#6AA84F" RangeEndValue="100000" /> </Gauge>

  This basic Gauge.Arc element includes:

  • Built-in animation
  • Gauge Range elements provide value zones

<Gauge Alignment="Left" AlignmentHorizontal="Left" ArcBackgroundColor="DarkSeaGreen" ArcBorderColor="Teal" ArcInnerRadius="62%" ChartHeight="230" ChartWidth="420" ID="Gauge_Arc2" LabelFontSize="32" Type="Arc" Value="494">
  <DataLayer MaxRows="400" Type="XMLFile" XMLFile="NW_Orders.xml">
    <AggregateColumn AggregateColumn="Freight" AggregateFunction="DistinctCount" DataType="Number" ID="agrFreight" />
  </DataLayer>
  <GaugeRange Color="#CC0000" RangeEndValue="1200" />
  <GaugeRange Color="LightGreen" RangeEndValue="900" />
</Gauge>
<Gauge Alignment="Left" AlignmentHorizontal="Left" ArcBackgroundColor="DarkSeaGreen" ArcBorderColor="Teal" ArcInnerRadius="62%" ChartHeight="230" ChartWidth="420" ID="Gauge_Arc2" LabelFontSize="32" Type="Arc" Value="494"> <DataLayer MaxRows="400" Type="XMLFile" XMLFile="NW_Orders.xml"> <AggregateColumn AggregateColumn="Freight" AggregateFunction="DistinctCount" DataType="Number" ID="agrFreight" /> </DataLayer> <GaugeRange Color="#CC0000" RangeEndValue="1200" /> <GaugeRange Color="LightGreen" RangeEndValue="900" /> </Gauge>