Hướng dẫn power bi html css - power bi html css

Trong các bài viết trước về Power BI, BAC đã có dịp chia sẻ đến các bạn những hướng dẫn sử dụng cơ bản Power BI Desktop. Trong nội dung lần này, chúng ta sẽ đi vào một ví dụ thực tiễn phân tích dữ liệu thu thập từ một trang web và xây dựng báo cáo biểu đồ trực quan.

Nếu bạn là một fan hâm mộ bóng đá, chắc chắn sẽ không thể bỏ qua Euro, ngày hội bóng đá lớn thứ hai chỉ sau World Cup. Bằng cách sử dụng báo cáo của UEFA tổng hợp danh sách các đội bóng vô địch, ta sẽ tạo ra biểu đồ hiển thị bằng Power BI Desktop. Các thao tác thực hiện trong bài:

1. Kết nối với một nguồn dữ liệu web và điều hướng qua các bảng có sẵn
2. Chỉnh sửa và định dạng dữ liệu trong Power BI Editor
3. Đặt tên một query và nhúng nó vào Power BI Desktop
4. Tạo một biểu đồ từ dữ liệu đã được nhúng
5. Chỉnh sửa biểu đồ đơn giản

Bước đầu tiên chúng ta cần kết nối với dữ liệu là bảng kết quả Euro tại trang Wikipedia của UEFA European Football Championship. 

//en.wikipedia.org/wiki/UEFA_European_Football_Championship - link file dữ liệu

Lưu ý: Các trang web như trên sẽ tự động kết nối nhưng những trang web cần xác thực[tài khoản và mật khẩu] có thể sẽ không hoạt động.

Kết nối dữ liệu từ Web bằng Power BI Desktop

Thao tác kết nối dữ liệu từ Web không quá khác biệt các loại dữ liệu khác, chọn “Get Data” và chọn “Web”.Get Data” và chọn “Web”.

Truy xuất dữ liệu web từ Power BI Desktop

Nhập đường dẫn đến trang Web chứa thông tin bạn muốn, ở đây chúng ta sử dụng đường dẫn phía trên. Nhấn “OK” và chờ Power BI thu thập tất cả dữ liệu từ trang web.“OK” và chờ Power BI thu thập tất cả dữ liệu từ trang web.

Kết quả nhận được là danh sách tất cả các bảng mà Power BI Desktop có thể kết nối. Ở đây chúng ta cần dùng bảng Kết Quả [Results] nhưng bạn có thể xem các bảng khác bằng cách chọn tên của bảng bên trái.Kết Quả [Results] nhưng bạn có thể xem các bảng khác bằng cách chọn tên của bảng bên trái.

Chọn bảng mà bạn cần để lấy dữ liệu

Bạn sẽ thấy rằng thông tin trong bảng Results không được như cách hiển thị trên web. Đừng lo, chúng ta sẽ định dạng lại nó trong bước sau, giờ hãy tích vào ô đánh dấu chọn và nhấn “Transform Data”.Results không được như cách hiển thị trên web. Đừng lo, chúng ta sẽ định dạng lại nó trong bước sau, giờ hãy tích vào ô đánh dấu chọn và nhấn “Transform Data”.

Kết quả thu được sau khi lấy thông tin từ web

Kết thúc bước kết nối dữ liệu ta đã có được bảng chứa thông tin cần sử dụng. Nhiệm vụ tiếp theo chính là định dạng, loại bỏ những phần không liên quan và chỉnh sửa sao cho phù hợp để tạo biểu đồ.

Bảng Results có khá nhiều thông tin như kết quả, tỉ số, trận đấu… Chúng ta sẽ giữ lại 2 cột duy nhất cần đến là Cột Năm[Year] và Cột đội Vô Địch[Final Winner], xóa các cột còn lại.Cột Năm[Year] và Cột đội Vô Địch[Final Winner], xóa các cột còn lại.

Xóa các cột không dùng đến

Sử dụng phím “Ctrl” ấn giữ và chọn 2 cột mà bạn cần, đó là cột Year và Final Winner. Click phải chuột và chọn “Remove Other Columns”.Ctrl” ấn giữ và chọn 2 cột mà bạn cần, đó là cột Year và Final Winner. Click phải chuột và chọn “Remove Other Columns”.

Chọn cả cột để thay đổi đồng loạt các giá trị trong cột

Giờ đây, những thông tin không cần thiết đã bị loại bỏ, chúng ta sẽ tiến hành chỉnh sửa dữ liệu. Chọn cột Year, click phải và chọn “Replace Values” để thay thế các dữ liệu cũ.Year, click phải và chọn “Replace Values” để thay thế các dữ liệu cũ.

Replace Values có cách sử dụng tương tự các công cụ thay thế khác từ Microsoft

Tại hộp thoại Replace Values sẽ có hai phần để bạn nhập vào là Value to find[giá trị cần thay thế] và Replace with[giá trị được thay]. Ở đây chúng ta sẽ loại bỏ từ “Details”, hãy nhập từ khóa “Details” vào và bỏ trống ô còn lại.Replace Values sẽ có hai phần để bạn nhập vào là Value to find[giá trị cần thay thế] và Replace with[giá trị được thay]. Ở đây chúng ta sẽ loại bỏ từ “Details”, hãy nhập từ khóa “Details” vào và bỏ trống ô còn lại.

Lựa chọn một giá trị bất kì trong cột mà bạn không muốn sử dụng

Đến bước này, sẽ có một vài dòng chứa giá trị là “Year” thay vì một con số năm cụ thể. Chúng ta sẽ loại bỏ các giá trị này bằng cách chọn cột Year một lần nữa. Tại biểu tưởng dropdown ở cột Year bỏ chọn ở ô Year để xóa bỏ các dòng có giá trị tên là “Year”.Year” thay vì một con số năm cụ thể. Chúng ta sẽ loại bỏ các giá trị này bằng cách chọn cột Year một lần nữa. Tại biểu tưởng dropdown ở cột Year bỏ chọn ở ô Year để xóa bỏ các dòng có giá trị tên là “Year”.

Như vậy, chúng ta đã thu được Cột Year với các năm được hiển thị bằng con số chính xác. Tiếp tục xử lý dữ liệu tại cột Final Winner, hãy đổi tên cột thành Country[quốc gia] để dễ nhận biết.Cột Year với các năm được hiển thị bằng con số chính xác. Tiếp tục xử lý dữ liệu tại cột Final Winner, hãy đổi tên cột thành Country[quốc gia] để dễ nhận biết.

Cách đổi tên cột trong Power BI Desktop

Cách đổi tên cột cũng khá đơn giản, bạn có thể chọn Rename tại Menu Transform hoặc click phải vào cột và chọn Rename.Rename tại Menu Transform hoặc click phải vào cột và chọn Rename.

Tại dòng cuối của bảng sẽ có năm 2020, tức là sự kiện chưa diễn ra và chưa xác định được quốc gia vô địch. Chúng ta sẽ loại bỏ dòng này và chỉ để lại các năm có giá trị tại cột Country.Country.

Loại bỏ những giá trị bỏ trống trong cột

Bạn có thể sử dụng cách loại bỏ dòng 2020 như cách đã sử dụng để xóa dòng có giá trị Year như trên. Hoặc sử dụng một cách khác là click phải vào vị trí bỏ trống ở cột Country tương ứng dòng 2020 và chọn “Does Not Equal” để xóa bất kì dòng nào có giá trị tương tự[ở đây là các ô bị bỏ trống].Country tương ứng dòng 2020 và chọn “Does Not Equal” để xóa bất kì dòng nào có giá trị tương tự[ở đây là các ô bị bỏ trống].

Đổi tên dữ liệu Power BI Desktop

Kết thúc hai bước trên, giờ đây bạn đã có được dữ liệu mong muốn, hãy đổi tên bảng là “Euro Cup Winners” và nhúng vào báo cáo. Tại tab Query Settings ở bên phải, điền tên Euro Cup Winners vào ô Name và nhấn Enter.Euro Cup Winners” và nhúng vào báo cáo. Tại tab Query Settings ở bên phải, điền tên Euro Cup Winners vào ô Name và nhấn Enter.

Đóng và lưu dữ liệu vào power bi desktop để tạo biểu đồ

Chọn Close & Apply tại menu Home để đóng và lưu các thao tác mà bạn đã thực hiện.Close & Apply tại menu Home để đóng và lưu các thao tác mà bạn đã thực hiện.

Sau khi lưu dữ liệu sẽ có sẵn ở Fields panel

Bây giờ, bạn có thể nhìn thấy các truy vấn trong Power BI Desktop Report View, tại Fields panel.Report View, tại Fields panel.

Chọn dữ liệu từ Fields panel và Power BI Desktop sẽ tự động tạo biểu đồ

Chọn “Country” từ cột Fields bên phải hoặc bạn có thể kéo nó vào khu vực report canvas bên trái. Power BI Desktop có thể nhận diện tên các quốc gia và tự động tạo một bảng đồ như ảnh trên.“Country” từ cột Fields bên phải hoặc bạn có thể kéo nó vào khu vực report canvas bên trái. Power BI Desktop có thể nhận diện tên các quốc gia và tự động tạo một bảng đồ như ảnh trên.

Biểu đồ có thể căn chỉnh kích thước để hiển thị đầy đủ

Kéo các góc cạnh của bảng đồ để nhìn thấy những quốc gia bị khuất khi ở kích thước nhỏ.

Để quy định cách hiển thị của biểu đồ hãy kéo các cột vào vị trí tương ứng

Hiện tại, trên bảng đồ sẽ hiển thị dữ liệu giống nhau cho các quốc gia từng thắng Euro. Để tạo ra kích cỡ khác nhau biểu thị cho số lần chiến thằng của từng quốc gia, hãy kéo cột “Year” từ Fields panel vào bên dưới dòng Size ở cột Visualization.Year” từ Fields panel vào bên dưới dòng Size ở cột Visualization.

Bạn sẽ thấy độ rộng của các chấm đã được thay đổi tương ứng với số lần vô địch Euro của từng quốc gia.

Như bạn đã thấy từ một dữ liệu có sẵn việc chỉnh sửa và tạo một biểu đồ là rất đơn giản. Đồng thời các thao tác chỉnh sửa biểu đồ cũng như vậy, chúng ta sẽ tiếp tục với ví dụ đang làm.

Định dạng bảng đồ

Thay đổi định dạng các phần tử trong biểu đồ Power BI Desktop

Không chỉ có thể tự động tạo ra bảng đồ dựa vào tên của các quốc gia. Power BI Desktop còn cho phép bạn tùy ý định dạng cách hiển thị các thành phần trên bảng đồ. Để làm được điều này bạn chọn Format[biểu tượng cây lăn sơn] ở cột Visualization.Visualization.

Trong ví dụ trên ta có Germany 1 lần thắng Euro và West Germany 2 lần thắng. Vì vậy, trong biểu đồ Germany sẽ rất dễ bị bỏ qua do trùng màu và bị West Germany nằm trên che mất. Chúng ta sẽ đổi màu một trong hai để tránh trường hợp trên xảy ra với người dùng.

Thay đổi màu sắc các phần tử trong biểu đồ Power BI Desktop

Bước đầu tiên, chọn Format và Data Colors để mở rộng các lựa chọn màu sắc. Đây là nơi cho phép bạn thay đổi màu sắc của các phần tử trong biểu đồ, giúp các giá trị hiển thị trực quan hơn.Format và Data Colors để mở rộng các lựa chọn màu sắc. Đây là nơi cho phép bạn thay đổi màu sắc của các phần tử trong biểu đồ, giúp các giá trị hiển thị trực quan hơn.

Kết quả sau khi thay đổi màu sắc của phần tử trên bảng đồ

Tại dòng Show All chuyển sang On và chọn màu vàng cho West Germany. Lúc này, biểu đồ sẽ hiển thị kết quả chính xác hơn tại vị trí của West Germany và Germany.Show All chuyển sang On và chọn màu vàng cho West Germany. Lúc này, biểu đồ sẽ hiển thị kết quả chính xác hơn tại vị trí của West Germany và Germany.

Biểu đồ được hoàn thiện trên Power BI Desktop lấy dữ liệu từ Web

Bên dưới Data Colors, bạn chọn Title điền tên “Euro Cup Winners” tại Title Text, chọn Font color là màu đỏ, Text size là “30” và Font Family là Arial Black. Lưu lại và bạn sẽ có một biểu đồ tương tự như ảnh.Data Colors, bạn chọn Title điền tên “Euro Cup Winners” tại Title Text, chọn Font color là màu đỏ, Text size là “30” và Font Family là Arial Black. Lưu lại và bạn sẽ có một biểu đồ tương tự như ảnh.

Thay đổi kiểu biểu đồ:

Ngoài biểu đồ được tạo mặc định bằng cách kéo Fields vào Report canvas bạn có thể đổi kiểu biểu đồ khác. Bằng cách lựa chọn một trong các dạng biểu đồ tại cột Visualization.Fields vào Report canvas bạn có thể đổi kiểu biểu đồ khác. Bằng cách lựa chọn một trong các dạng biểu đồ tại cột Visualization.

Sử dụng biểu đồ tròn [Pie Chart] thay cho biểu đồ dạng bảng đồ

Trong ví dụ trên, biểu đồ dưới dạng bảng đồ sẽ bị thiếu mất dữ liệu cho Soviet Union và Czechoslovakia. Vì 2 quốc gia này không có trên bảng đồ nữa, giải pháp lúc này là lựa chọn một loại biểu đồ khác như dạng cây hay biểu đồ tròn để hiển thị đầy đủ hơn.Soviet Union và Czechoslovakia. Vì 2 quốc gia này không có trên bảng đồ nữa, giải pháp lúc này là lựa chọn một loại biểu đồ khác như dạng cây hay biểu đồ tròn để hiển thị đầy đủ hơn.

Dữ liệu được trình bày theo cách truyền thống

Power BI Desktop cung cấp một trải nghiệm liền lạc từ thu thập dữ liệu ở nhiều nguồn và chỉnh sửa cho đến khi phù hợp với phân tích bạn cần để trực quan hóa dữ liệu. Khi dữ liệu của bạn hoàn tất bạn có thể tải lên Power BI và tạo những bảng điều khiển phù hợp để chia sẻ với mọi người.

Như vậy, chỉ với một vài thao tác đơn giản, các bạn có thể thay được sự khác biệt mà Power BI mang đến. Trên đây chỉ là một ví dụ nhỏ, để giúp bạn trực quan hóa dữ liệu truyền thống thành các biểu đồ đang dần phổ biến trong các ngành nghề phân tích.

Đối với những bạn đã và đang học tập, làm việc trong các lĩnh vực đòi hỏi chuyên môn phân tích dữ liệu như marketing, BA, quản lý, trợ lý… Hãy tham khảo khóa học Power BI tại BAC để có thể sử dụng thành thạo công cụ này hỗ trợ cho chuyên môn của mình.

Tham khảo: Khóa học Power BI cơ bản và nâng cao tại BAC Khóa học Power BI cơ bản và nâng cao tại BAC

Hiện nay, Power BI vẫn liên tục cập nhật và mang đến nhiều tính năng trợ giúp đắc lực cho người sử dụng. Đừng quên theo dõi những bài viết thú vị khác về Power BI tại website BAC bạn nhé!.BAC bạn nhé!.

Nguồn tham khảo:

//docs.microsoft.com/en-us/power-bi/desktop-tutorial-importing-and-analyzing-data-from-a-web-page

Nhu cầu đào tạo doanh nghiệp

BAC là đơn vị đào tạo BA đầu tiên tại Việt Nam. Đối tác chính thức của IIBA quốc tế. Ngoài các khóa học public, BAC còn có các khóa học in house dành riêng cho từng doanh nghiệp. Chương trình được thiết kế riêng theo yêu cầu của doanh nghiệp, giúp doanh nghiệp giải quyết những khó khăn và tư vấn phát triển. là đơn vị đào tạo BA đầu tiên tại Việt Nam. Đối tác chính thức của IIBA quốc tế. Ngoài các khóa học public, BAC còn có các khóa học in house dành riêng cho từng doanh nghiệp. Chương trình được thiết kế riêng theo yêu cầu của doanh nghiệp, giúp doanh nghiệp giải quyết những khó khăn và tư vấn phát triển.

Tham khảo chương trình đào tạo: 

• Phân tích và trực quan hóa dữ liệu với Tableau
• Phân tích và trực quan hóa dữ liệu với Power BI

Các bài viết liên quan Power BI: 

• Power BI cơ bản cho người mới bắt đầu
• Chỉnh sửa và định hình dữ liệu trong Power BI Desktop
• Kết hợp dữ liệu trong Power BI Desktop
• Hướng dẫn kết nối dữ liệu trong Power BI Desktop
• Hướng dẫn tải & cài đặt Power BI trên máy tính
• Khóa học Phân tích và trực quan hóa dữ liệu với Power BIPhân tích và trực quan hóa dữ liệu với Power BI
• Power BI là gì ?

Các bài viết liên quan: 

• TABLEAU - Giải pháp BUSINESS INTELLIGENCE [BI] - click vào đây
• Hướng dẫn cài đặt và Sử dụng TABLEAU - click vào đây
• Tính năng mới trên tableau - verion 2019.1 - click vào đây

Biên soạn và tổng hợp nội dung