彩票走势图

Mindscape WPF Elements使用教程:构建超炫仪表盘(二)

原创|其它|编辑:郝浩|2012-12-10 15:51:24.000|阅读 1425 次

概述:在前面的文章中《Mindscape WPF Elements使用教程:构建超炫仪表盘(一)》种我们看见了使用WPF Elements创建的仪表盘的效果,我们现在看一下要创建的仪表盘所包含的内容部分。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

在前面的文章中《Mindscape WPF Elements使用教程:构建超炫仪表盘(一)》种我们看见了使用WPF Elements创建的仪表盘的效果,我们现在看一下要创建的仪表盘所包含的内容部分。

时间资源管理器

所创建的仪表内容总的来说,仪表盘显示的是一个公司里三个主要的销售量。仪表盘的主要的数据源时订单列表,包括时间和购买每个的钱,在仪表盘中的每个部件都是显示着来自这个数据的统计数据。从最上面的仪表盘中,会看见时间管理器,这个控件会沿着时间尺度显示绘制数据,为用户提供了一种简单的方法在一些有趣的数据里来选择一个时间范围,比如说:增加产品的销售。通过放大图表,用户可以选择将相应更新主要和次要的时间单位,这使得它足够灵活来选择小时间范围如一天或大范围如几年。

在这个仪表盘的示例中,时间资源管理器是策划着所有的产品的销售,但是并不限于只显示单个的系列,你可以包括其他的图表系列来估算收入。而在这个仪表示例中,当用户选择了一个时间范围,所有的时间控件将会显示更多的关于用户选定区域内销售的详细信息。

Mindscape WPF Elements使用教程:构建超炫仪表盘(一)

销售分解图

在时间资源管理器下面是重叠区域图表,主要显示着在选定的时间范围内三个产品每个的总销售的突破,单鼠标移动到图表上时,弹出的标签将会显示挨着鼠标的每个产品信息,这个功能已经被添加到一个自定义控件中,以便可以简单的添加到图表。

Mindscape WPF Elements使用教程:构建超炫仪表盘(一)

Country chart

在销售突破图表的右侧是销售细分图表,其中显示了每个产品在10个国建中的销售额,当鼠标移动到图表上时,将会弹出tooltip显示相应地方的具体信息。

Mindscape WPF Elements使用教程:构建超炫仪表盘(一)

数据表格

数据表格控件被设置用于显示在选定的时间范围内每次销售的原始数据,每次销售的不同属性将会显示在不同的列中,其中一些有自定义模版用于格式化的数据显示。用户也可以进行一些常用的数据操作,比如说:排序,重新排列,调整大小,或设置你想要显示的数据。

Mindscape WPF Elements使用教程:构建超炫仪表盘(一)

总销售

 在右下角,我们有一些总的销售值,这里有一对文本块显示着当前选择的时间范围,以及总的产品销售收入的动画,还有一对径向的仪表在本次的实例中,显示着预算的随机值以及去年的同期增涨。

Mindscape WPF Elements使用教程:构建超炫仪表盘(一)

过滤器

 在仪表顶上的方块主要用于产品类型的数据过滤,随便点击一个都将会引起图表、数据表格、总的销售值只显示选定的产品的信息。

Mindscape WPF Elements使用教程:构建超炫仪表盘(一)

现在在大家了解了我们将构建的仪表盘的主要的内容之后,在接下来的文章里就是具体的应用程序的构建,我们将遵循和使用MVVM设计架构来构建。


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn

文章转载自:慧都控件

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP