Add charts to a dashboard

Azure DevOps Services | Azure DevOps Server 2022 - Azure DevOps Server 2019 | TFS 2018

This article describes how to add query-based charts and in-context reports to a dashboard from their functional page. For example, you can add the Team Velocity in-context Analytics report to a dashboard. Once you've added the report, go ahead and modify the corresponding widget configuration parameters.

You can add the charts described in this article to a dashboard from their corresponding functional page, like:

  • Builds
  • Releases
  • Queries

Prerequisites

  • You must be a member of a project. If you don't have a project yet, create one.
  • You must have created the team dashboard to which you want to add a chart.
  • If you haven't been added as a project member, get added now.
  • Anyone with access to a project, including stakeholders, can view dashboards.
  • To add, edit, or manage a team dashboard, you must have Basic access or greater and be a team admin, a project admin, or have dashboard permissions. In general, you need to be a member of the team to edit a team dashboard.
  • You must be a member of a project. If you don't have a project yet, create one.
  • You must have created the team dashboard to which you want to add a chart.
  • If you haven't been added as a project member, get added now.
  • To add, edit, or manage a team dashboard, you must have Basic access or greater and be a team admin, a project admin, or have dashboard permissions. In general, you need to be a member of the team to edit a team dashboard. Request your current team or project admin to add you as a team admin.

To learn more, see Default permissions and access for charts and dashboards.

Add a work item query or chart

You add work item queries and charts to a dashboard from the Queries page. Queries and charts must be associated with queries under the Shared queries folder.

Note

You can also add a work item query chart widget to a team dashboard.

  1. First, make sure you've selected your team context. Only those dashboards created for a team appear in the context menu for each query or chart. Switch team context as needed.

  2. If you aren't a team administrator, get added as one. Only team and project admins can add and customize team dashboards.

  3. If you haven't yet created the dashboard, do that now.

  4. From the charts Actions menu, select the team dashboard.

    Chart context menu, add to a dashboard

    You can only add charts associated with shared queries. Charts associated with queries under My Queries folder won't display the Add to dashboard option.

Add an in-context work tracking report

You can add each of the in-context Analytics reports to a dashboard.

  1. Open the report, select the actions icon, and select Copy to Dashboard.

    Analytics in-context report, Copy to dashboard

    To open a report, see Cumulate Flow Diagram, Velocity, or Sprint burndown.

  2. Select the dashboard and select OK.

    Select the dashboard and select OK.

  3. (Optional) Open the dashboard and select More actions for the widget to configure the size or change other chart properties.

There are many in-context reports that you can access from the web portal, but can't add to a dashboard. However, you may find a comparable widget listed in the widget catalog that tracks the same or similar data. If you find a widget that works, add it to the dashboard:

Add a build history chart

Each time you run a build, it logs information about the build, including:

  • The run time.
  • Errors and warnings.
  • Whether it successfully completed or failed.

Note

You can also add this chart to a team dashboard from the widget catalog.

  1. Select your team context and then open Pipelines>Builds to add a build history chart to a team dashboard. (Requires TFS 2015.1 or later version).

    Add a build summary chart to a dashboard

    If you aren't a team administrator, get added as one. The Add to dashboard menu selection is disabled when you don't have permissions to add it to the dashboards of the selected team context.

  2. Build summary charts look like this:

    Build summary chart.

    Hover over a bar to view build information and run time. Select a bar to go to the build summary page.

Add a release summary chart

Each time a release is deployed, it logs information about the release to each of its environments. You can add a release tile to your team dashboard to monitor release progress and gain quick access to each release.

Note

You can also add this chart to a team dashboard from the widget catalog.

  1. Open Pipelines>Releases to add a release definition chart to a team dashboard.

    Add a Release pipeline chart to a dashboard, new nav

  2. Release pipeline charts show the success (green), in progress (blue), cancellation (red), or non-deployment (grey) to an environment for the current and last four releases:

    Release pipeline tile

Note

You can also add this chart to a team dashboard from the widget catalog. Requires TFS 2017.1 or later versions.

  1. Open Pipelines>Releases to add a release definition chart to a team dashboard.

    Add a Release pipeline chart to a dashboard

  2. Release pipeline charts show the success (green), in progress (blue), cancellation (red), or non-deployment (grey) to an environment for the current and last four releases:

    Release pipeline tile

Add a manual test status or result chart

As you create and run tests, you can track your status by defining lightweight charts of test plans and test results.

Note

You can also add a Chart for test plans widget to a dashboard.

  1. Select your team context, make sure you're a team admin.

  2. Open Test>Test Plans and then Charts and select the dashboard to add the test chart to.

    Select the dashboard to add the test chart to.

Add a test quality trend chart

You can add trends to the dashboard of the failures and duration of those tests that were run as part of a build.

Note

You can also add a test result trend chart widget to a dashboard.

  1. Select your team context, make sure you're a team admin.

  2. Open a build summary for a build pipeline to which you've added tests.

  3. Open the Tests page

  4. Select the bar chart for either Test failures or Test duration.

    Add a test plan chart to a dashboard

  5. Open the actions menu and select the dashboard to add the chart to.

    Open Actions menu and select dashboard

    Learn more about reviewing automated test results after a build.

Add a markdown repository file to a dashboard

Open the Markdown file defined in your repository and make sure you are in your team context.

Select Add to dashboard, and then select the team dashboard to add the Markdown file to. As you update the Markdown file, changes will automatically appear on the dashboard upon refresh. See Dashboards for more info.

Web portal, Code, README file, Add Markdown page to a dashboard