Dave's Silverlight Dashboards and gauges

Declare a basic WallThermometer in XAML,set the value and you will get

        <db:WallThermometer 
            Value="50" />

Apart from Value there are properties to specify

• The color range for thr thermometer mercury
• The visibility of the text representation of the Value

For a full description of color ranges please see the Dial360 control.

The following example shows the standard example of a gauge set to show green at 33% or less, yellow between 34% and 66% and red there after. The documentation for the Dial360 control will show how to change the mercury to a fixed color for all values.

We will only show the XAML for one guage, but display 3 controls to show the colors at various values.

            <db:WallThermometer x:Name="_ther2" TextColor="Aquamarine" Value="22">
                <db:WallThermometer.MercuryColorRange>
                    <db:ColorPoint HiColor="#009900" LowColor="#44DD00" Value="0" />
                    <db:ColorPoint HiColor="#9DC800" LowColor="#DDCC00" Value="33" />
                    <db:ColorPoint HiColor="#660000" LowColor="#BB3300" Value="66" />
                </db:WallThermometer.MercuryColorRange>
            </db:WallThermometer>

Finally we can hide the text value of the thermometer by using the TextVisibility property of the control and setting it to Collapsed.

        <db:WallThermometer TextVisibility="Collapsed" Value="55">
            <db:WallThermometer.MercuryColorRange>
                <db:ColorPoint HiColor="#009900" LowColor="#44DD00" Value="0" />
            </db:WallThermometer.MercuryColorRange>
        </db:WallThermometer>