如何使用 AJAX 和 PHP 動態更新 Google 圖表？

根據透過 AJAX 要求的使用者輸入重新繪製 Google 圖表

本問題的重點是使用 AJAX 根據使用者從下拉式選單中的選擇動態更新 Google 圖表。原始程式碼導致錯誤，但提供了一種解決方案，即利用 PHP 將資料格式化為 Google 可接受的 JSON 形式。

該方法涉及使用 PHP 從資料庫中檢索和格式化資料並將其發送到客戶端通過 AJAX。在客戶端，JavaScript 處理 AJAX 請求，根據 JSON 回應建立 Google 視覺化資料表，並繪製圖表。

解決方案的關鍵元件是：

• 使用 PHP 的 mysql_* 函數連接資料庫並執行 SQL 查詢。
• 格式化 data.addRow() 中的資料Google Charts 可接受的格式，行值表示為包含 v（值）和 f（格式化值）屬性的物件。
• 將格式化資料作為 JSON 回應傳送到客戶端。
• 在JavaScript，使用AJAX（jQuery 的$.ajax() 方法）發出請求並處理回應，其中資料被解析為DataTable 並用於繪製

這種方法確保根據使用者輸入回應圖表更新，防止原始程式碼中遇到的錯誤。

以上是如何使用 AJAX 和 PHP 動態更新 Google 圖表？的詳細內容。更多資訊請關注PHP中文網其他相關文章！