MinAI - Về trang chủ
Hướng dẫn
7/1340 phút
Đang tải...

Tableau Dashboards

Build interactive dashboards trong Tableau - Layout, actions, filters, và best practices

0

🎯 Mục tiêu bài học

TB5 min

Sau bài học này, bạn sẽ:

✅ Build dashboard từ multiple sheets

✅ Tạo Filter Actions và Highlight Actions

✅ Design responsive layouts (Desktop, Tablet, Phone)

✅ Tạo KPI cards, Show/Hide buttons, Navigation

✅ Publish lên Tableau Public và embed

Thời gian: 40 phút | Độ khó: Intermediate | Tool: Tableau Desktop / Public

1

📖 Bảng Thuật Ngữ Quan Trọng

TB5 min
Thuật ngữTiếng ViệtMô tả
DashboardBảng điều khiểnNhiều sheets + objects kết hợp
StoryCâu chuyệnSequence of dashboards cho presentation
Tiled LayoutBố cục lát gạchCố định vị trí, snap to grid
Floating LayoutBố cục nổiTự do vị trí, overlay
Filter ActionHành động lọcClick chart A → filter chart B
Highlight ActionHành động highlightHover → dim non-related data
URL ActionHành động URLClick → open external link
Viz in TooltipBiểu đồ trong tooltipMini chart khi hover
Device LayoutBố cục thiết bịResponsive cho tablet/phone
Show/Hide ButtonNút hiện/ẩnToggle panel visibility

Checkpoint

Dashboard = multi-sheet view. Filter Action = click → filter. Highlight Action = hover → dim. Viz in Tooltip = mini chart on hover. Tiled = fixed, Floating = free!

2

🏗️ 1. Dashboard Basics

TB5 min

1.1 Tạo Dashboard

Ví dụ
11. Click tab "New Dashboard" (bên cạnh sheet tabs)
22. Set Size:
3 - Fixed: 1200 x 800 (desktop)
4 - Automatic: responsive
5 - Range: min-max khi embed
63. Drag sheets từ panel trái vào canvas

1.2 Dashboard vs Sheet vs Story

ComponentDescriptionUse
SheetMột visualization duy nhấtIndividual analysis
DashboardNhiều sheets + objectsCombined view
StorySequence of dashboardsPresentation

1.3 Layout Containers

Layout Containers
LayoutĐặc điểmMô tả
Tiled (mặc định)Cố định vị trí, snap to gridSheet1 · Sheet2 / Sheet3 · Sheet4 — xếp ngay ngắn
FloatingTự do vị trí, overlaySheet2 nổi trên Sheet1 — linh hoạt vị trí

Best practice: Dùng Tiled cho structure chính, Floating cho annotations, logos.

1.4 Container Types

ContainerDescription
HorizontalXếp items ngang
VerticalXếp items dọc
TextTitle, subtitle, notes
ImageLogo, icons
Web PageEmbed external URL
BlankSpacer

Tiled layout cho structure clean — sheets snap vào grid. Floating cho logos, annotations overlay. Combine cả hai cho best results!

Checkpoint

Dashboard = combine sheets. Size: Fixed 1200x800 cho desktop. Tiled = snap to grid, Floating = free position. Containers: Horizontal, Vertical, Text, Image, Blank!

3

🖱️ 2. Interactive Elements

TB5 min

2.1 Filter Actions

Ví dụ
1Dashboard → Actions → Add Action → Filter
2
3Settings:
4- Source: Sheet "Bar Chart"
5- Target: Sheet "Line Chart", "Table"
6- Run action on: Select
7- Clearing: Show all values

Result: Click bar in bar chart → filter line chart and table.

2.2 Highlight Actions

Ví dụ
1Dashboard → Actions → Add Action → Highlight
2
3Settings:
4- Source: All sheets
5- Target: All sheets
6- Run action on: Hover

Result: Hover over any element → highlights related data across all charts.

2.3 URL Actions

Ví dụ
1Dashboard → Actions → Add Action → Go to URL
2URL: https://www.google.com/search?q=<Category>
3Run action on: Menu (right-click)

2.4 Quick Filters

TypeBest for
DropdownSingle selection, many options
Multi-selectMultiple selections
SliderNumeric ranges
Date rangeTime periods
Radio buttons2-4 options

Filter Actions là king of interactivity! Click 1 chart → filter tất cả charts khác. Set Clearing = Show all values để click lại unhighlight.

Checkpoint

Filter Action: click → filter other sheets. Highlight: hover → dim non-related. URL Action: click → open link. Quick Filters: dropdown, slider, date range, radio buttons!

4

🎨 3. Design & Formatting

TB5 min

3.1 Dashboard Title

Ví dụ
11. Drag "Text" object to top
22. Format: 18-22px, Bold
33. Include: What + When
44. Example: "Sales Performance Dashboard - Q1 2026"

3.2 KPI Cards

Ví dụ
11. New worksheet "KPI - Revenue"
22. Drag SUM(Sales) → Text
33. Format: 24px, Bold, Center
44. Add background color
55. Add to dashboard → resize small

3.3 Color Consistency

Ví dụ
1Dashboard-wide colors:
2- Primary: #1a73e8 (key metrics)
3- Secondary: #5f6368 (supporting)
4- Positive: #34a853 (growth, profit)
5- Negative: #ea4335 (decline, loss)
6- Background: #ffffff or #f8f9fa

3.4 Remove Clutter

  • Hide sheet titles (đã có dashboard title)
  • Remove unnecessary axis labels
  • Align all elements to grid
  • Consistent padding/margins

Checkpoint

KPI Cards: separate sheet, 24px bold, background color. Colors consistent across dashboard: primary, positive, negative. Remove clutter: hide titles, remove gridlines!

5

⚙️ 4. Advanced Features

TB5 min

4.1 Device Layouts

Ví dụ
1Dashboard → Device Preview:
2- Default (desktop)
3- Tablet
4- Phone
5
6Cho mỗi device:
71. Click "Add Layout"
82. Rearrange/hide charts cho screen size
93. KPIs + 1-2 key charts cho phone

4.2 Show/Hide Button

Ví dụ
11. Drag sheet vào dashboard
22. Click sheet → More options → Add Show/Hide Button
33. User click button → toggle visibility

Use case: Show/hide detail table, filters panel.

4.3 Navigation Buttons

Multi-page dashboards, drill-down navigation:

Ví dụ
11. Drag "Navigation" object vào dashboard
22. Set destination (another dashboard/sheet)
33. Style button: Text, icon, color

4.4 Viz in Tooltip

Ví dụ
11. Click sheet → Tooltip
22. Insert → Sheets → select mini chart
3→ Hover over data point → show mini chart!

Viz in Tooltip là feature "wow" — hover over 1 bar → hiện mini trend chart bên trong tooltip. Impressive cho presentations!

Checkpoint

Device Layouts = responsive cho tablet/phone. Show/Hide = toggle panels. Navigation = multi-page drill-down. Viz in Tooltip = mini chart on hover!

6

📤 5. Publishing & Sharing

TB5 min

5.1 Tableau Public

Ví dụ
11. Server → Tableau Public → Save to Tableau Public
22. Login với account
33. Choose sheets to include
44. Publish → Get embed URL

5.2 Export Options

FormatUse Case
PDFStatic reports, printing
ImagePresentations, documents
PowerPointMeeting slides
WorkbookShare with Tableau users
CSVRaw data export

5.3 Embed in Website

HTML
1<div class='tableauPlaceholder'>
2 <object class='tableauViz'>
3 <!-- auto-generated by Tableau Public -->
4 </object>
5</div>

Checkpoint

Tableau Public = free hosting cho dashboards. Export: PDF, Image, PPT, Workbook, CSV. Embed code auto-generated khi publish. Bạn đã publish dashboard đầu tiên chưa?

7

🏋️ 6. Hands-on Lab

TB5 min
Lab

Build Sales Performance Dashboard hoàn chỉnh!

Dashboard Components:

  1. KPI Row (top) — Revenue, Profit, Orders, Avg Order Value
  2. Revenue Trend (line) — Monthly with YoY comparison
  3. Top Categories (bar) — Revenue by product category
  4. Regional Map — Sales by region
  5. Detail Table — Filterable order-level data

Interactivity:

  • Click category bar → filter map + table
  • Date range filter → controls all charts
  • Hover → highlight across charts
8

📋 Tổng kết

TB5 min

Kiến thức đã học

Chủ đềNội dung chínhTầm quan trọng
BasicsDashboard, Tiled/Floating, ContainersFoundation
InteractivityFilter, Highlight, URL ActionsCore skill
DesignKPI cards, Colors, Remove clutterProfessional
AdvancedDevice layouts, Show/Hide, Viz in TooltipPremium
PublishingTableau Public, Embed, ExportSharing

Câu hỏi tự kiểm tra

  1. Tiled layout và Floating layout khác nhau thế nào?
  2. Filter Actions hoạt động như thế nào?
  3. Viz in Tooltip dùng để làm gì?
  4. Device layout cần chú ý điều gì?

Bài tiếp theo: Advanced Tableau — LOD Expressions deep dive, Analytics pane, và advanced techniques!

🎉 Tuyệt vời! Bạn đã biết cách tạo Tableau Dashboard chuyên nghiệp!

Nhớ: Dashboard tốt = Filters + Actions + Clean design. Kết hợp Tiled và Floating để có layout đẹp nhất!