新萄京推荐一个WPF仪表盘开源控件。地图中之BI图表解决方案(ArcGIS API for Flex)

  前段时间,做劳务器端监控系统,为了界面好看,采用WPF。硬件相关监控,比如CPU、内存等,想用仪表盘控件。网上搜索了诸多这种控件,基本上都是第三着商业控件(虽然十分了不起,不过得money…)。最后以CodeProject上找到了同等暂缓还对的开源之仪表盘控件CircularGauge。

  用了产该控件,感觉还不易,由于诸多参数(比如圆盘半径大小、指针大小等等),进行高低调整时索要多尝试几次等才会达到想只要之效应。由于种类面临监督主要是数据库相关内容,硬件监控只是略点缀,显得好看而已,没有调的较好。效果图如下:

   
空间数据在过去底几乎年里,各个行业骨干已建库无数。而就位置服务的发展,更为有价的是寄托于空中位置及的性能信息。也就是说位置信息是基础,更甚之加载在于该岗位上发生什么,发生着啥业务;要祈求,要指标,要监督对比构成分析评价。
   
传统的分类设色、符号大小等基础之专题配图(制图)已经不可知满足我们针对某个位置被暗藏信息的风味。我们需要更进一步直观、对比强烈的柱状图、饼状图、风险图、仪表盘等更是规范表现手法来讲述有位置及起什么状况,发生了什么工作。
    新萄京 1

新萄京 2

   上图,是该方案中提供的集中仪表盘监控目标,可以很好地运用叫对空中位置上纯净指标的实时表征、监控、预警。从技术角度说能够接受多数参数用以展示对某同专项指标的监察。支持从定义指标监控范围、指标分颜色、指标内容叙述及其仪表盘的亮颜色(外环、内填充充、字体颜色、刻度值颜色、指针颜色等。更好之化解多业务模式的仪表盘监控。

<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"
                                        RangeIndicatorLightRadius="5"
                                        RangeIndicatorLightOffset="40"
                                        ScaleLabelRadius="45"
                                        ScaleLabelSize="18,10"
                                        ScaleLabelFontSize="8"
                                        ScaleLabelForeground="LightGray"
                                        MajorTickSize="10,3"
                                        MinorTickSize="3,1"
                                        MajorTickColor="LightGray"
                                        MinorTickColor="LightGray"
                                        ImageOffset="-22"
                                        GaugeBackgroundColor="Black"
                                        PointerThickness ="16"
                                        OptimalRangeStartValue="30"
                                        OptimalRangeEndValue="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"
             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">
    <Grid Margin="0,2,0,0">
        <!--定义框-->
        <Grid.RowDefinitions>
            <RowDefinition Height="40"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <Image Style="{StaticResource HardwareImage}" Grid.Row="0" Margin="2,0,0,0"></Image>
        <Label Style="{StaticResource BlackContentText}" Content="硬件监控" Grid.Row="0"  Margin="20,5,2,2"></Label>

        <Grid Grid.Row="1" Style="{StaticResource HardwareBackgroundGrid}">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="0.5*"></ColumnDefinition>
                <ColumnDefinition Width="0.5*"></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <my:UCGauge  x:Name="ucGaugeCUP" Grid.Column="0"/>
            <my:UCGauge x:Name="ucGaugeMemory" Grid.Column="1"/>
        </Grid>
    </Grid>
</UserControl>

新萄京 3

 

   而结缘空中位置,在不同区域、兴趣点上,利用图表本身的表达能力更好之阐发我们若统计,智能提醒的基本上起监督指标。

新萄京 4

   最后传一模一样张用仪表盘和图表结合使用的案例 – 全国粮食动态管理体系。

   具体介绍地点新萄京以此:http://tm.arcgisonline.cn/2012/1211/534.html

新萄京 5

任何视频功能在优酷上:

http://v.youku.com/v_show/id_XMzEyNjgzMzU2.html
http://v.youku.com/v_show/id_XMzk2MTQxNTQ4.html
http://v.youku.com/v_show/id_XNDU5MjA4MDA0.html
http://v.youku.com/v_show/id_XNDQ1MzM1Mjg0.html
http://v.youku.com/v_show/id_XNDc5ODkwNzky.html

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注