Dave's Silverlight Dashboards and gauges

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

        <db:PlainThermometer 
            Value="50" />

Apart from Value there are properties to specify

• The color of the text
• The color range for thr thermometer mercury

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. In all cases the text is colored a slightly hideous Aquamarine

            <db:PlainThermometer x:Name="_ther2" TextColor="Aquamarine" Value="22">
                <db:PlainThermometer.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:PlainThermometer.MercuryColorRange>
            </db:PlainThermometer>

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

Here we set the text to invisible and we set the color to green at all levels (ie 0 and above)

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