Design a Report in Power BI Desktop

Lab story

In this lab, you’ll create a three-page report. You’ll then publish it to Power BI, where you’ll open and interact with the report.

In this lab you learn how to:

  • Design a report
  • Configure visual fields and format properties

This lab should take approximately 45 minutes.

Create a Report

In this task, you’ll set up the environment for the lab by opening the starter report.

  1. From Power BI Desktop, navigate to File > Open report > Browse Reports.

  2. Open the Sales Analysis file in the D:\PL300\Labs\06-design-report-in-power-bi-desktop\Starter folder.

  3. Create a copy of the file by going to File > Save As, and save the copy in the D:\PL300\MySolution folder.

Design page 1

In this task, you’ll design the first report page. When you’ve completed the design, the page will look like the following:

Image of page 1, comprising a logo, two slicers, and three visuals.

  1. In Power BI Desktop, to rename the page, at the bottom-left, right-click Page 1, then Rename the page as Overview.

    Tip: You can also double-click the page name to rename it.

  2. To add an image, on the Insert ribbon tab, from inside the Elements group, select Image.

    Picture 1

  3. In the Open window, navigate to the D:\PL300\Resources folder.

  4. Select the AdventureWorksLogo.jpg file, and then select Open.

  5. Drag the image to position it at the top-left corner, and also drag the guide markers to resize it.

    Picture 12

  6. To add a slicer, first de-select the image by clicking an empty area of the report page, then select the Slicer in the Visualizations pane.

    Picture 49

  7. In the Data pane, drag the Date | Year field (not the Year level of the hierarchy) into the slicer Field in Visualizations pane.

    The labs use a shorthand notation to reference a field. It will look like this: Date | Year. In this example, Date is the table name and Year is the field name.

  8. To convert the slicer from a list to a dropdown, navigate to Visualizations > Format visual > Visual > Slicer Settings > Style, and then select Dropdown from the dropdown menu.

    Slicer style

  9. Resize and position the slicer so it sits beneath the image and is the same width as the image.

    Picture 19

  10. In the Year slicer, open the dropdown list, select FY2020, and then collapse the dropdown list.
    1. The report page is now filtered by year FY2020.

    Picture 20

  11. De-select the slicer by clicking an empty area of the report page.

  12. Create a second slicer, based on the Region | Region field (not the Region level of the hierarch).

  13. Leave the slicer as a list, and then resize and position the slicer beneath the Year slicer.

    Picture 21

  14. De-select the slicer by clicking an empty area of the report page.

  15. To add a chart to the page, in the Visualizations pane, select the Line and Stacked Column Chart visual type.

    Picture 51

  16. Resize and position the visual so it sits to the right of the logo, and so it fills the width of the report page.

    Picture 26

  17. Drag and drop the following fields into the visual:

    • Date | Month
    • Sales | Sales
  18. In the visual fields pane (located beneath the Visualizations pane), notice that the fields are assigned to the X-axis and Column y-axis wells/areas.

    By dragging fields into a visual, they’ll be added to default wells/areas. For precision, you can drag fields directly into the wells/areas, as you’ll do next.

    Picture 27

  19. From the Data pane, drag the Sales | Profit Margin field into the Line y-axis well/area.

    Picture 28

  20. Notice that the visual has 11 months only.

    The last month of the year, 2020 June, doesn’t have any sales (yet). By default, the visual has eliminated months with BLANK sales. You’ll now configure the visual to show all months.

  21. In the visual fields pane, in the X-axis well/area, for the Month field, select the down-arrow, and then select Show Items With No Data.

    Notice that the month 2020 June now appears.

    Picture 52

  22. De-select the chart by clicking an empty area of the report page.

  23. To add a chart to the page, in the Visualizations pane, select the Stacked Column Chart visual type.

    Picture 53

  24. Resize and position the visual so it sits beneath the column/line chart, and so it fills half the width of the chart above.

    Picture 33

  25. Add the following fields to the visual wells/areas:

    • X-axis: Region | Country
    • Y-axis: Sales | Sales
    • Legend: Product | Category
  26. De-select the chart by clicking an empty area of the report page.

  27. To add a chart to the page, in the Visualizations pane, click the Stacked Bar Chart visual type.

    Picture 54

  28. Resize and position the visual so it fills the remaining report page space.

    Picture 35

  29. Add the following fields to the visual wells/areas:

    • Y-axis: Product | Category
    • X-axis: Sales | Quantity
  30. To format the visual, open the Format pane.

    Picture 3

  31. Expand the Bars and then the Colors group, and then set the Default Color property to a suitable color (to complement the column/line chart).

  32. Set the Data Labels property to On.

    Picture 2

  33. Save the Power BI Desktop file.

The design of the first page is now complete.

Design page 2

In this task, you’ll design the second report page. When you’ve completed the design, the page will look like the following:

Image of page 2, comprising a slicer and matrix.

Important: When detailed instructions have already been provided in the labs, the lab steps will provide more concise instructions. If you need the detailed instructions, you can refer back to other tasks in this lab.

  1. To create a new page, at the bottom-left, select the plus icon, and rename new page to Profit.

  2. Add a slicer based on the Region | Region field.

  3. Use the Format pane to enable the “Select All” option (in the Selection group).

  4. Resize and position the slicer so it sits at the left side of the report page, and so it is about half the page height.

    Picture 44

  5. Add a matrix visual, and resize and position it so it fills the remaining space of the report page

    Picture 45

  6. Add the Date | Fiscal hierarchy to the matrix Rows well/area.

    Picture 46

  7. Add the following five Sales table fields to the Values well/area:

    • Orders (from the Counts folder)
    • Sales
    • Cost
    • Profit
    • Profit Margin

    Picture 55

  8. In the Filters pane (located at the left of the Visualizations pane), notice the Filter On This Page well/area (you may need to scroll down).

    Picture 57

  9. From the Data pane, drag the Product | Category field into the Filter On This Page well/area.

    Fields added to the Filters pane can achieve the same result as a slicer. One difference is they don’t take up space on the report page. Another difference is that they can be configured to achieve more sophisticated filtering requirements.

  10. Inside the filter card, at the top-right, select the arrow to collapse the card.

  11. Add each of the following Product table fields to the Filter On This Page well/area, collapsing each, directly beneath the Category card:

    • Subcategory
    • Product
    • Color

    Picture 60

  12. Save the Power BI Desktop file.

The design of the second page is now complete.

Design page 3

In this task, you’ll design the third—and final—report page. When you’ve completed the design, the page will look like the following:

Image of page 3, comprising a slicer and three visuals.

  1. Create a new page, and then rename it as My Performance.

  2. To simulate the performance of row-level security filters, drag the Salesperson (Performance) | Salesperson field to the page level filters in the filter pane.

    Image of Salesperson field in filter pane.

  3. Select Michael Blythe. Data on the My Performance report page will now be filtered to display data for Michael Blythe only.

  4. Add a dropdown slicer based on the Date | Year field, and then resize and position it so it sits at the top-left corner of the page.

    Picture 70

  5. In the slicer, set the page to filter by FY2019.

    Picture 71

  6. Add a Multi-row Card visual, and then resize and reposition it so it sits to the right of the slicer and fills the remaining width of the page.

    Picture 56

    Picture 74

  7. Add the following four fields to the visual:

    • Sales | Sales
    • Targets | Target
    • Targets | Variance
    • Targets | Variance Margin
  8. Format the visual:

    • In the Callout values group, increase the Text Size property to 28pt

    • In the General > Effects > Background group, set the Color to a light gray color (such as “White, 20% Darker) to give contrast

      Picture 79

  9. Add a Clustered Bar Chart visual, and then resize and position it so it sits beneath the multi-row card visual and fills the remaining height of the page, and half the width of the multi-row card visual.

    Picture 59

    Picture 78

  10. Add the following fields to the visual wells/areas:

    • Y-axis: Date | Month
    • X-axis: Sales | Sales and Targets | Target

      Picture 80

  11. To create a copy of the visual, press Ctrl+C, and then press Ctrl+V.

  12. Position the new visual to the right of the original visual.

    Picture 82

  13. To modify the visualization type, in the Visualizations pane, select Clustered Column Chart.

    Picture 61

It’s now possible to see the same data expressed by two different visualization types. This isn’t a good use of the page layout, however, you’ll improve it in the Enhance a Report in Power BI Desktop lab by superimposing the visuals. By adding buttons to the page, you’ll allow the report user to determine which of the two visuals is visible.

The design of the third—and final—page is now complete.

Publish the report

In this task, you’ll publish the report to the Power BI service.

  1. Select the Overview page, then save the Power BI Desktop file.

  2. On the Home ribbon tab, from inside the Share group, select Publish.

    If you’re not signed into Power BI Desktop already, you’ll need to sign-in to publish.

    Picture 67

  3. In the Publish to Power BI window, notice that My Workspace is selected.

    We won’t go into detail about the different items within the Power BI service in this lab.

  4. To publish the report, select Select. This may take a few moments.
  5. When the publication has succeeded, select Got It.

Explore the report

In this task, you’ll explore the report that was published to Power BI.

  1. Open a Microsoft Edge browser, then sign-in at https://app.powerbi.com.

  2. In the Microsoft Edge browser window, in the Power BI service, in the Navigation pane (located at the left, and it could be collapsed), expand My Workspace.

    Picture 93

  3. Review the contents of the workspace. Notice the navigation options of All, Content, and Datasets + dataflows.
    1. There are four types of items that can exist in a workspace, and we’ll talk about reports and datasets.
    2. You may need to refresh your Microsoft Edge browser if the dataset is not visible.
    3. When you published the Power BI Desktop file, the data model was published as a dataset.
  4. To explore the report, select the Sales Analysis report.

  5. At the left, in the Pages pane, select the Overview page.

  6. In the Regions slicer, while pressing the Ctrl key, select multiple regions.

  7. In the column/line chart, select any month column to cross filter the page.

  8. While pressing the Ctrl key, select another month.

    Note: By default, cross filtering filters all other visuals on the page.

  9. Notice that the bar chart is filtered and highlighted, with the bold portion of the bars representing the filtered months.

  10. Hover the cursor over the bar chart visual, and then at the top-right, hover the cursor over the filter icon.

    The filter icon allows you to understand all filters that are applied to the visual, including slicers and cross filters from other visual.

  11. Hover the cursor over a bar, and then notice the tooltip information.

  12. To undo the cross filter, in the column/line chart, select an empty area of the visual.

  13. Hover the cursor over the stacked column chart visual, and then at the top-right, select the Focus mode icon.

    Focus mode zooms the visual to full page size.

    Picture 96

  14. Hover the cursor over different segments of the bar charts to reveal tooltips.

  15. To return to the report page, at the top-left, select Back to Report.

    Picture 86

  16. Hover the cursor over one of the visuals again, then at the top-right, select the ellipsis (…), and then notice the menu options. Try out each of the options, except Chat in Teams.

    Picture 97

  17. At the left, in the Pages pane, select the Profit page.

    Picture 84

  18. Notice that the Region slicer has a different selection to the Region slicer on the Overview page.

    The slicers aren’t synchronized. You’ll modify the report design to ensure they sync between pages in the Enhance a Report in Power BI Desktop lab.

  19. In the Filters pane (located at the right), expand a filter card, and apply some filters.

    The Filters pane allows you to define more filters than could possibly fit on a page as slicers.

  20. In the matrix visual, use the plus (+) button to drill into the Fiscal hierarchy.

  21. Select the My Performance page.

    Picture 89

  22. At the top-right on the menu bar, select View, and then select Full Screen.

    Picture 98

  23. Interact with the page by modifying the slicer, and cross filtering the page.

  24. At the bottom of the window, notice the commands to change page, navigate backwards or forwards between pages, or to exit full screen mode.

  25. Select the right icon to exit full screen mode.

    Picture 91

Finish up

In this task, you’ll complete the lab.

To return to “My Workspace”, select My Workspace in the banner across the window web page.

You’ll enhance the report design with advanced features in the Enhance a Report in Power BI Desktop lab.