Dave's Silverlight Dashboards and gauges

PerformanceMonitor

The PerformanceMonitor dashbard control was inspired by the Windows Task Manager performance graph for CPU usage. Out of the box this control has the following appearance:

The PerformanceMonitor control has the following configuarble properties

  • GridLine: Color of the lines in the background grid
  • GraphLine: Color of the graph line
  • TextColor: Color of the min/max text
  • Axis: Color of the horizontal and vertical axes
  • GraphFillFromThe control fills the space between the line and the base with a gradient fill, this sets the color at one end
  • GraphFillToThe control fills the space between the line and the base with a gradient fill, this sets the color at one end

The first example below shows what can be done with a little XAML loving. The second example uses garish colors to highlight what mark up effects which areas of the chart, the third example shows how setting the graph fill colors to 100% transparent allow you to display only the line

        <db:PerformanceMonitor x:Name="_l" 
            GridLine="AntiqueWhite"
            GraphLine="White"
            Axis="Bisque"
            TextColor="BlanchedAlmond"
            GraphFillFrom="Gray"
            GraphFillTo="DarkGray"/>

            <db:PerformanceMonitor x:Name="_l2" 
            GridLine="White"
            GraphLine="LightGreen"
            Axis="Red"
            TextColor="Yellow"
            GraphFillFrom="Blue"
            GraphFillTo="Magenta"/>

            <db:PerformanceMonitor x:Name="_l3" 
            GridLine="BlueViolet"
            GraphLine="Magenta"
            Axis="LightSteelBlue"
            TextColor="Lavender"
            GraphFillFrom="#00000000"
            GraphFillTo="#00000000"/> 
Welcome page

Controls

  • DecadeVuMeter
  • Dial180
  • Dial360
  • DiamondSlider
  • FiveStarRanking
  • MatrixLedMarquee
  • Odometer
  • PerformanceMonitor
  • PlainThermometer
  • ProgressBar
  • RoundLed
  • SixteenSegmentLED
  • TickCross
  • WallThermometer

Bits and pieces

  • Bidirectional operation
  • Contacts and pages
  • Matrix font editor
Designed by Free CSS Templates, Thanks to Dubai Villas