使用 Power BI Desktop 分析網頁資料 (教學課程)Analyzing Web page data using Power BI Desktop (tutorial)

在本教學課程中,您將學習如何從網頁上匯入資料的資料表,和建立報表以視覺化方式檢視這項資料。In this tutorial, you learn how to import a table of data from a Web page and create a report to visualize this data. 做為此程序的一部分,您可以在網頁上可用的資料表之間瀏覽,並套用資料轉換步驟,將資料表轉換為新的圖形。As part of this process, you navigate across tables available on a web page, and apply data transformation steps to bring the table into a new shape.

本文內容:In this article:

  • 工作 1:連接到 Web 資料來源Task 1: Connect to a web data source
  • 工作 2:在查詢檢視中塑造資料Task 2: Shape data in the Query view
    • 步驟 1:移除其他資料行,只顯示感興趣的資料行Step 1: Remove Other Columns to only display columns of interest
    • 步驟 2:替換值以清除選取資料行的值Step 2: Replace Values to clean up values in a selected column
    • 步驟 3:篩選資料行中的值Step 3: Filter values in a column
    • 步驟 4:重新命名資料行Step 4: Rename a column
    • 步驟 5:篩選資料行中的 null 值Step 5: Filter null values in a column
    • 步驟 6:重新命名 查詢Step 6: Rename a query
    • 已建立的查詢步驟Query Steps created
  • 工作 3:使用報表檢視建立視覺效果Task 3: Create visualizations using the Report view
    • 步驟 1:載入查詢至報表Step 1: Load the query to your report
    • 步驟 2:建立地圖視覺效果Step 2: Create a Map visualization

工作 1:連接到 Web 資料來源Task 1: Connect to a web data source

在工作 1 中,您會從下列位置的 UEFA 歐洲足球錦標賽 Wikipedia 頁面匯入聯賽摘要資料表:http://en.wikipedia.org/wiki/UEFA_European_Football_ChampionshipIn task 1, you import a Tournament Summary table from the UEFA European Football Championship Wikipedia page at the following location: http://en.wikipedia.org/wiki/UEFA_European_Football_Championship

加入 Wikipedia 頁面資料來源Add a Wikipedia page data source

  1. 在 [開始使用] 對話方塊或 [常用] 功能區索引標籤中,選取 [取得資料]。In the Getting Started dialog or in the Home ribbon tab, select Get Data.
  2. 這會帶出 [取得資料] 對話方塊,以便您從各種資料來源挑選,將資料匯入 Power BI Desktop。This brings up the Get Data dialog, where you can pick from a wide range of data sources to import data into Power BI Desktop. 我們將會選取 [Web] ,它位在 [所有] 或 [其他] 群組。We will select Web which is available under the All or Other group.
  3. 在 [Web 內容] 對話方塊的 [URL] 文字方塊中,貼上 Wikipedia URL (http://en.wikipedia.org/wiki/UEFA_European_Football_Championship)。In the Web Content dialog box, in the URL text box, paste the Wikipedia URL (http://en.wikipedia.org/wiki/UEFA_European_Football_Championship).
  4. 按一下 [確定] 。Click OK.

建立網頁的連線後,您可在 [導覽器] 對話方塊看到此 Wikipedia 上的可用資料表清單。After establishing a connection to the web page, you see a list of tables available on this Wikipedia page in the Navigator dialog. 您可以按一下每個資料表以預覽資料。You can single-click on each of these tables to preview the data.

在 [導覽器] 左窗格中選取此聯賽摘要結果的 [結果 [編輯]] 資料表,或選取 [結果 [編輯]] 資料表,然後選取 [編輯] 。In the Navigator left-pane, select the Results[edit] table for the Tournament Summary results, or select the Results[edit] table and select Edit. 這可讓我們要重新塑造這份資料表,然後才載入至報表,因為資料不在我們分析所需的圖形之內。This will allow us to reshape this table before loading it to the Report, since the data is not in the shape that we need for our analysis.

這會讓資料表預覽處在 [查詢] 檢視中,我們可以在其中套用一組轉換步驟來清除資料。This will land a preview of the table in the Query view, where we can apply a set of transformation steps to clean up the data.

工作 2:主題資料表中的圖形資料Task 2: Shape data in the subject table

現在您已經針對資料查詢選取了主題資料表,您會了解如何執行各種資料圖形和清理步驟。Now that you have the subject table selected for your data query, you learn how to perform various data shaping and cleansing steps.

步驟 1:移除其他資料行,只顯示感興趣的資料行Step 1: Remove Other Columns to only display columns of interest

在此步驟中,您會移除所有資料行,除了 [年] 和 [最終得獎者] 以外。In this step, you remove all columns except Year and Final Winners.

  1. 查詢預覽 方格中,選取 YearFinal Winners 資料行 (使用 CTRL + 按一下滑鼠左鍵)。In the Query Preview grid, select the Year and Final Winners columns (use CTRL + Click).
  2. 以滑鼠右鍵按一下 [查詢預覽] 方格中的資料行標頭,然後按一下 [移除其他資料行] 來移除未選取的資料行。Right-click a column header in the Query Preview grid, and click Remove Other Columns to remove the unselected columns. 請注意這項作業也適用於 [管理資料行] 群組的 [主資料夾] 功能區索引標籤 。Note that this operation is also available in the Home ribbon tab, in the Manage Columns group.

步驟 2:取代值以整理選取資料行中的值Step 2: Replace Values to clean up values in a selected column

在此步驟中,您會取代 [年] 資料行的 [詳細資料] 後置詞。In this step, you replace the Details suffix in the Year column. 請注意這個後置詞位於新行,使其在資料表預覽中無法見到。Note that this suffix is on a new line so it is not visible in the table preview. 不過,如果您在 [年] 資料行具有數值的資料格按一下,您會在詳細檢視中看到完整值。However, if you click in one of the cells with a numeric value in the Year column, you will see the full value in the detailed view.

  1. 選取 [年] 資料行。Select the Year column.
  2. 在 [查詢檢視] 功能區上,按一下 [主資料夾] 索引標籤的 [取代值] ,或以滑鼠右鍵按一下 [年] 直條圖,然後按一下 [取代值] 將詳細資料取代為空白文字。In the Query view ribbon, click Replace Values under the Home tab or right-click the Year column, and click Replace Values to replace Details with empty text.
  3. 在 [取代值] 對話方塊的 [要尋找的值] 文字方塊輸入詳細資料,並將 [取代為] 文字方塊保留空白。In the Replace Values dialog box, type Details in the Value to Find text box and leave the Replace With text box empty.
  4. 按一下 [確定] 。Click OK.

步驟 3:篩選資料行中的值Step 3: Filter values in a column

在此步驟中,您篩選 [年] 資料行,顯示不包含「年」的資料列。In this step, you filter the Year column to display rows that do not contain “Year”.

  1. 按一下 [年] 資料行之篩選下拉式清單的箭號。Click the filter drop down arrow on the Year column.
  2. 在 [篩選] 下拉式清單中,清除 [年] 選項。In the Filter drop-down, clear the Year option.
  3. 按一下 [確定] 。Click OK.

步驟 4:重新命名資料行Step 4: Rename a column

現在我們已清除在 [年] 資料行中的資料,我們會使用 [最終得獎者] 資料行。Now that we have cleaned up the data in the Year column, we are going to work on the Final Winner column.

因為我們只會查看得獎者清單,所以我們可以重新命名此資料行為 國家/地區Since we are only looking at the list of winners, we can rename this column to Country.

  1. 選取 [查詢] 預覽中的 [最終得獎者] 資料行。Select the Final Winner column in the Query preview.
  2. 在 [查詢檢視] 功能區的 [轉換] 索引標籤和 [任何資料行] 群組,您會找到 [重新命名] 。In the Query view ribbon, under the Transform tab and Any Column group, you will find Rename.
  3. 如此可讓資料行名稱可以編輯。This will make the column name editable. 我們會重新命名此資料行為 國家/地區We will rename this column to Country.

步驟 5:篩選資料行中的 Null 值Step 5: Filter out null values in a column

我們也要篩選出 [國家/地區] 資料行的 null 值。We also need to filter out null values in the Country column. 若要這樣做,我們可以使用在步驟 3 中看到的篩選條件功能表,或者我們可以:In order to do this, we could use the filter menu as we saw in Step 3, or alternatively we can:

  1. 在 [國家/地區] 資料行,以滑鼠右鍵按一下其中一個包含 null 值的資料格。Right-click on one of the cells in the Country column that contain a null value.
  2. 在內容功能表中選取 [文字篩選] > [不等於]Select Text Filters -> Does not Equal in the context menu.
  3. 這會建立新的篩選步驟來移除 [國家/地區] 資料行中有 null 值的資料列。This creates a new filter step to remove rows with null values in the Country column.

步驟 6:命名查詢Step 6: Name a query

在此步驟中,您將最終查詢命名為 歐洲盃得獎者In this step, you name your final query Euro Cup Winners.

  1. 在 [查詢設定] 窗格的 [名稱] 文字方塊中輸入 歐洲盃得獎者In the Query Settings pane, in the Name text box, enter Euro Cup Winners.

工作 3:建立使用報表檢視的視覺效果Task 3: Create visualizations using the Report view

現在我們已將資料轉換為圖形,供我們的分析所用,我們可以將產生的資料表載入報表,並建立一些視覺效果。Now that we have converted the data into the shape that we need for our analysis, we can load the resulting table into our Report and create a few visualizations.

步驟 1 :載入查詢到您的報表Step 1: Load the query to your report

若要將查詢結果載入至 Power BI Desktop 並建立報表,我們要從 [常用] 功能區選取 [關閉並載入]。In order to load the query results to Power BI Desktop and create a report, we select Close & Load from the Home ribbon.

這樣會觸發查詢的評估和將資料表輸出傳送至報表。This will trigger evaluation of the query and load of the table output to the Report. 在 Power BI Desktop 選取 報表 圖示,以查看在 [報表] 檢視中的 Power BI Desktop。In Power BI Desktop, select the Report icon to see Power BI Desktop in Report view.

您可以在 [報表檢視] 右邊的 [欄位窗格] 看到產生的資料表欄位。You can see the resulting table fields in the Fields pane at the right of the Report view.

步驟 2:建立地圖視覺效果Step 2: Create a Map visualization

若要建立視覺效果,我們可以將欄位從 [欄位清單] 拖曳到 [報表畫布] 。In order to create a visualization, we can drag fields from the Field list and drop them in the Report canvas.

  1. 將 [國家/地區] 欄位拖曳至 [報表畫布] 。Drag the Country field and drop it in the Report canvas. 如此會在 [報表畫布] 建立新的視覺效果。This will create a new visualization in the Report canvas. 在此情況下,由於我們有一份國家/地區清單,所以它會建立 [地圖視覺效果] 。In this case, since we have a list of countries, it will create a Map visualization.

  2. 我們可以在 [視覺效果] 窗格按一下不同的圖示,輕鬆變更視覺效果的類型。We can easily change the type of visualization by clicking on a different icon in the Visualization pane.

  3. 我們要跟著 [地圖] 的地圖視覺效果類型,我們也可以藉由拖曳其中一個視覺效果的邊角到所需大小,來調整視覺效果大小。We are going to stay with the Map visualization type to Map, We can also resize the visualization by dragging from one of the corners of the visualization up to the desired size.

  4. 請注意目前地圖中所有點的大小相同。Note that currently all the points in the map have the same size. 我們想要變更為贏了較多場歐洲盃聯賽的國家/地區會在地圖中以較大的點顯示。We want to change this so that countries with more Euro Cup tournaments won are represented with a larger point in the map. 為了這樣做,我們可以將 [欄位清單] 中的 [年] 欄位拖曳至 [欄位窗格] 下半部的 [值] 方塊。In order to do thiso, we can drag the Year field in the Fields list to the Values box in the lower half of the Fields pane.

如您所見,自訂報表中的視覺效果很容易,以便依您想要的方式呈現資料。As you can see, it is very easy to customize visualizations in your report, in order to present the data in the way that you want. Power BI Desktop 提供流暢的端對端體驗,包括從各種資料來源取得資料,調整以符合您的分析需求,乃至於以豐富且互動的方式將此資料視覺化。Power BI Desktop provides a seamless end-to-end experience from getting data from a wide range of data sources and shaping it to meet your analysis needs to visualizing this data in rich and interactive ways. 準備好報表之後,您可以將其上傳至 Power BI 並建立以此為基礎的儀表板,您可以與其他 Power BI 使用者共用該儀表板。Once your report is ready, you can upload it to Power BI and create dashboards based on it, which you can share with other Power BI users.

這是 從 Web 匯入資料 教學課程的總結。This concludes the Importing Data from the Web tutorial. 您可以從這裡下載完整 Power BI Desktop 檔案.You can download the completed Power BI Desktop file here.

還可以從何處取得更多資訊?Where else can I get more information?