使用Visual Studio Team Services敏捷规划和项目组合管理（六）——VSTS仪表盘的使用

ゞ浴缸里的玫瑰 2022-06-01 12:39 251阅读 0赞

# 使用Visual Studio Team Services敏捷规划和项目组合管理（六）——VSTS仪表盘的使用 #

仪表盘使团队能够看到项目的状态和监控项目的进展。简单来说，不必深入到团队项目站点的其他部分，就可以帮助我们做出判断。Overview页面提供了默认的团队仪表板，可以通过添加、删除或重新排列这些磁贴来定制该仪表板。每个磁贴对应一个小部件，它提供了对一个或多个特性或功能的访问。

### 1.进入默认的仪表板（Overview）页面。 ###

![这里写图片描述][SouthEast]  
*Overview页面提供了对默认的团队仪表板访问，可以通过添加、删除或重新排列这些磁贴来定制。每个磁贴对应一个小部件，它提供对一个或多个特性或功能的访问。*

### 2.添加仪表板：从仪表板选项卡，单击加号图标，并输入一个仪表板名称。 ###

![这里写图片描述][SouthEast 1]  
选择仪表板后，可以向仪表板添加一个小部件。或者，可以从Work、Build或Test中心向团队仪表板添加图表。  
![这里写图片描述][SouthEast 2]  
完成后，单击Close按钮。然后单击选中标记，退出编辑模式。

### 3.单击**edit**按钮修改仪表板，并添加如小部件，如**Build Summary, Release Summary, Markdowns**等小部件。 ###

![这里写图片描述][SouthEast 3]

### 4.为Test仪表板添加**Query Tile** ###

![这里写图片描述][SouthEast 4]

### 5.添加小部件后，可能需要配置它。例如，配置**Query tile**小部件，单击configure小部件图标打开配置对话框。 ###

![这里写图片描述][SouthEast 5]

### 6.然后选择查询并指定想要的规则。 ###

![这里写图片描述][SouthEast 6]  
*通过添加条件格式，让小部件可视化地提醒用户。*  
![这里写图片描述][SouthEast 7]

### 7.除了小部件之外，还可以向仪表板添加图表。您可以从代码、工作和构建页面中向仪表板添加一个条目。首先，要确保添加的查询或图表能够从Queries页面的团队上下文中选择到。跳转到**Work**选项卡，点击左上方的**Queries**。 ###

![这里写图片描述][SouthEast 8]

### 8.点击Charts选单，选择查询想要创建的图表。 ###

![这里写图片描述][SouthEast 9]

### 9.接下来，单击**New chart**选项打开图表配置。 ###

![这里写图片描述][SouthEast 10]

### 10.此外还可以通过单击省略号并选择**Add to dashboard** ，在上下文菜单中选择仪表板，为其在添加一个图表。 ###

![这里写图片描述][SouthEast 11]

![这里写图片描述][SouthEast 12]

### 11.可以通过单击Edit仪表板图标来修改仪表板，从仪表板中移动或删除一个小部件。可以拖动磁贴在仪表板上重新排序。要删除小部件，请单击小部件的**Trash**（垃圾桶）图标或**Delete**（删除）图标。当完成更改后，单击**Exit-edit-dashboard-mode**图标以退出仪表板编辑状态。 ###

![这里写图片描述][SouthEast 13]

### 12.可以重命名、重新排序或删除仪表板。此外还可以启用自动刷新，同时仪表板每5分钟会自动刷新一次。 ###

![这里写图片描述][SouthEast 14]

![这里写图片描述][SouthEast 15]

## 动手实验 ##

<table> 
 <thead> 
  <tr> 
   <th align="left">类别</th> 
   <th align="left">文章名称</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">概述</td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79052211" rel="nofollow">Visual Studio Team Services 动手实验</a></td> 
  </tr> 
  <tr> 
   <td align="left">计划</td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79054714" rel="nofollow">使用Visual Studio Team Services敏捷规划和项目组合管理（一）使用团队、区域和迭代</a></td> 
  </tr> 
  <tr> 
   <td align="left"></td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79068352" rel="nofollow">使用Visual Studio Team Services敏捷规划和项目组合管理（二）VSTS中的工作项</a></td> 
  </tr> 
  <tr> 
   <td align="left"></td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79123969" rel="nofollow">使用Visual Studio Team Services敏捷规划和项目组合管理（三）使用Kanban板</a></td> 
  </tr> 
  <tr> 
   <td align="left"></td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79133049" rel="nofollow">使用Visual Studio Team Services敏捷规划和项目组合管理（四）冲刺计划和任务板</a></td> 
  </tr> 
  <tr> 
   <td align="left"></td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79133585" rel="nofollow">使用Visual Studio Team Services敏捷规划和项目组合管理（五）组合管理</a></td> 
  </tr> 
  <tr> 
   <td align="left">相关资料</td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79008498" rel="nofollow">Visual Studio Team Services Demo Generator简介</a></td> 
  </tr> 
  <tr> 
   <td align="left">参考文章</td> 
   <td align="left"><a href="https://almvm.azurewebsites.net/labs/vsts/agile/#exercise-3-working-with-kanban-boards" rel="nofollow">Agile Planning and Portfolio Management with Visual Studio Team Services</a></td> 
  </tr> 
 </tbody> 
</table>

[SouthEast]: /images/20220601/c874562ea31d45eaa2b4d1ca72cd1171.png
[SouthEast 1]: /images/20220601/7935cd585668494f891ed6ee410a2555.png
[SouthEast 2]: /images/20220601/ee981eb52f4441ddadaf6dfb891628fa.png
[SouthEast 3]: /images/20220601/dd753bb5636e43f9a19e82db79b3b2bf.png
[SouthEast 4]: /images/20220601/50cc281d1757495d9e537018f6d6dabc.png
[SouthEast 5]: /images/20220601/620af48c9fbf4eed82a5c29b5bb1877c.png
[SouthEast 6]: /images/20220601/cb0e0c06ed844434a25185cea401bafc.png
[SouthEast 7]: /images/20220601/13cdaef766ff4a86a77a7e45803fd371.png
[SouthEast 8]: /images/20220601/a6034f5aa81645a8856c8f06f1dc382f.png
[SouthEast 9]: /images/20220601/336cb685a45e41bdbb712e77c614502d.png
[SouthEast 10]: /images/20220601/d28194220bbd4829bc8761ba93f2c814.png
[SouthEast 11]: /images/20220601/78ebe26fdec940f185cdf8c029baec99.png
[SouthEast 12]: /images/20220601/985ba82ba21a41588a7970ef73cdc6e6.png
[SouthEast 13]: /images/20220601/aca635ceb7c74b34a491ce2c7b123928.png
[SouthEast 14]: /images/20220601/7abff4ba9c3c4c00977438d044484add.png
[SouthEast 15]: /images/20220601/68a74b75ac044d30a05642b9dd4c0b2a.png