A WPF dashboard open-source control and a WPF dashboard open-source control are recommended.

Source: Internet
Author: User

A WPF dashboard open-source control and a WPF dashboard open-source control are recommended.

Some time ago, the server-side monitoring system was designed to make the interface look good, using WPF. Hardware-related monitoring, such as CPU and memory, to use dashboard controls. I have found many such controls on the Internet, which are basically third-party commercial controls (although pretty, it's only money ...). Finally, we found a good open-source dashboard control CircularGauge on CodeProject.

With this control, I feel pretty good. Because many parameters (such as the disk radius and pointer size) need to be adjusted several times to achieve the desired effect. Because the focus of project monitoring is on database-related content, Hardware monitoring is just a simple embellishment and looks nice. It is relatively large without adjustment. As follows:

<UserControl x: Class = "Monitor. UC. UCGauge" xmlns =" http://schemas.microsoft.com/winfx/2006/xaml /Presentation "xmlns: x =" http://schemas.microsoft.com/winfx/2006/xaml "Xmlns: mc =" http://schemas.openxmlformats.org/markup-compatibility/2006 "Xmlns: d =" http://schemas.microsoft.com/expression/blend/2008 "Mc: Ignorable =" d "d: DesignHeight =" 300 "d: DesignWidth =" 300 "xmlns: gauge =" clr-namespace: CircularGauge; assembly = CircularGauge "Loaded =" UserControl_Loaded "> <Grid> <gauge: CircularGaugeControl x: Name =" myGauge1 "Grid. column = "0" Grid. row = "0" Radius = "75" ScaleRadius = "55" ScaleStartAngle = "120" ScaleSweepAngle = "300" PointerLength = "35" PointerCapRadius = "15" MinValue = "0" maxValue = "100" MajorDivisionsCount = "10" MinorDivisionsCount = "5" ImageSize = "20, 30" RangeIndicatorThickness = "4" RangeIndicatorRadius = "56" Login = "5" Login = "40" scaleLabelRadius = "45" ScaleLabelSize = "18, 10" leading = "8" leading = "LightGray" MajorTickSize = "" MinorTickSize = "" MajorTickColor = "LightGray" MinorTickColor = "LightGray" imageOffset = "-22" GaugeBackgroundColor = "Black" PointerThickness = "16" OptimalRangeStartValue = "30" placement = "90" DialTextOffset = "20" DialTextColor = "Black" BelowOptimalRangeColor = "Green "OptimalRangeColor =" Yellow "> </gauge: circularGaugeControl> </Grid> </UserControl>

<UserControl xmlns:my="clr-namespace:Monitor.UC"  x:Class="Monitor.UC.UCMonitor"
d:DesignHeight="300" d:DesignWidth="300">
<Grid Margin="0,2,0,0">
<! -- definition box -- >
<RowDefinition Height="40"/>
<RowDefinition Height="*"/>
<Image Style="{StaticResource HardwareImage}" Grid.Row="0" Margin="2,0,0,0"></Image>
< label style = "{staticresource blackcontenttext}" content = "hardware monitoring" grid. Row = "0" margin = "20,5,2,2" >
<Grid Grid.Row="1" Style="{StaticResource HardwareBackgroundGrid}">
<ColumnDefinition Width="0.5*"></ColumnDefinition>
<ColumnDefinition Width="0.5*"></ColumnDefinition>
<my:UCGauge  x:Name="ucGaugeCUP" Grid.Column="0"/>
<my:UCGauge x:Name="ucGaugeMemory" Grid.Column="1"/>


Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.