Chart Dashboard
Lab 11: Real Chart Dashboard
Part 2 - Sensor Visualization
1. โครงสร้างภาพรวมของ Lab
Why? - ทำไมต้องเรียนรู้เรื่องนี้
What? - จะได้เรียนรู้อะไร
How? - จะทำอย่างไร

2. หลักการทำงานและ Flowchart
2.1 Dashboard Architecture
2.2 Tab Layout (Side Tabs)
2.3 Chart Data Sources
3. ฟังก์ชันสำคัญ
3.1 Sensor & Tilt APIs
Function
Return
Description
3.2 Chart Type APIs
Chart Type
Create
Update
Description
3.3 TabView APIs
Function
Description
3.4 Draw Callback APIs (สำหรับ Faded Area)
Function
Description
3.5 Include Files
4. โค้ดตัวอย่าง
4.1 Global Variables & Defines
4.2 Simulation Helpers (PC Simulator)
4.3 Timer Callback - Active Tab Optimization
4.4 Tab 1: Bar Chart - Real Accel X/Y/Z
4.5 Faded Area Draw Callback
4.6 Tab 2: Area Chart - Tilt Magnitude
4.7 Tab 3: Scatter Chart - Roll vs Pitch (Tilt Ball)
4.8 Tab 4: Line Chart - Gyroscope R/P/Y
4.9 Main Function - Assembling the Dashboard
5. องค์ความรู้และเทคนิค
5.1 Active Tab Optimization - ทำไมต้องอัพเดทเฉพาะ Tab ที่มองเห็น
5.2 Area Chart - Custom Draw Callback อธิบาย
5.3 Scatter Chart - 2D Mapping Pattern
5.4 Data Scaling Patterns
5.5 Bar Chart: set_value_by_id vs set_next_value
5.6 Tilt Analysis: Complementary Filter
6. แบบฝึกหัด
Exercise 1: FFT Frequency Display Tab
Exercise 2: Recording and Playback
7. References
Last updated
Was this helpful?