CChart 入門教程第 3 課：零代碼實現專業級圖表交互功能

核心驚喜

無需編寫任何交互代碼，CChart 內建完整交互系統：高亮、選擇、鍵盤導航、屬性編輯、右鍵菜單。只需一行修改即可啟用雙擊響應。

啟用雙擊響應（必做）

在 MyRegisterClass 中修改窗口類樣式：

wcex.style = CS_HREDRAW | CS_VREDRAW | CS_DBLCLKS; // 新增 CS_DBLCLKS

Win32 默認不發送 WM_LBUTTONDBLCLK，加上此標誌後雙擊才會產生消息。

交互對象：五大圖元

交互操作指南

3.1 滑鼠懸停高亮

滑鼠移過任意圖元 → 邊框變色/加粗（曲線高亮採用獨特算法：像素級命中測試）。

3.2 左鍵點擊選擇

點擊標題/座標軸/曲線/圖例項 → 選中態（曲線變粗變色）。

3.3 空格鍵循環切換選擇

按 Space → 依序：標題 → 各座標軸 → 各曲線 → 回到標題。多軸/多曲線按添加順序排序。

3.4 Enter / 雙擊 彈出屬性對話框

選中狀態下按 Enter 或雙擊 → 模態對話框，修改屬性即時生效。

3.5 右鍵上下文菜單

客戶區右鍵 → 功能豐富：

• Show/Hide Legend（顯示/隱藏圖例）
• Grid Settings（網格設置）
• Copy Image / Save As...（複製/保存圖片）
• Print / Print Preview（列印/預覽）
• Zoom / Pan 模式切換

代碼修改總結（僅 1 行）

// MyRegisterClass 內
wcex.style = CS_HREDRAW | CS_VREDRAW | CS_DBLCLKS; // ← 只加這個

原理揭秘

• CChartWnd 內部維護 std::vector，WM_MOUSEMOVE 遍歷命中測試設置 hoveredElement。
• WM_LBUTTONDOWN 設置 selectedElement，WM_KEYDOWN 處理 Space/Enter。
• 屬性對話框由資源模板 IDD_PROPPAGE_* 動態構建，屬於庫內部實現。

下課預告

第 4 課：高級圖表類型——等高線圖，展示科學計算視覺化能力。