DevExtreme擁有高性能的HTML5 / JavaScript小部件集合，使您可以利用現代Web開發堆棧（包括React，Angular，ASP.NET Core，jQuery，Knockout等）構建交互式的Web應用程序。從Angular和Reac，到ASP.NET Core或Vue，DevExtreme包含高性能和響應式UI小部件集合，可在傳統Web和下一代移動應用程序中使用。 該套件附帶功能齊全的數據網格、交互式圖表小部件、數據編輯器等。

在本文中，我們將向大家描述如何利用DevExpress JavaScript Chat （dxChat）組件的功能，并在DevExpress BI儀表板中合并AI助手。正如您將在下面看到的，dxchat組件連接到Microsoft Azure中托管的Open AI，并使用助手API進行數據分析（用戶可以通過對話分析儀表板數據）。

DevExpress技術交流群11：749942875      歡迎一起進群討論

如何工作？

當DevExpress BI Dashboard加載時（或每當數據發生變化時），它會自動將聚合數據導出到臨時數據快照。在幕后，AI Assistant處理Dashboard導出（由每次數據更新觸發），將更新的文件發送給OpenAI Assistant，并根據Dashboard數據生成對用戶查詢的實時響應。實現 "bring your own key"原則，需要激活OpenAI或Azure OpenAI訂閱才能訪問AI服務。

實現細節：

• 自定義儀表板項目：AI助手使用dxChat小部件作為自定義web儀表板項實現，您可以從工具箱中添加它，就像任何其他Dashboard項目一樣。
• 上下文感知響應：AI助手審查/分析顯示的數據，對儀表板參數、過濾器或數據源的更改會自動刷新Assistant上下文。
• 動態數據交互：單擊聊天標題中的“Select Widget”，將Assistant的焦點縮小到單個Dashboard元素。

回顧GitHub示例

要查看我們的實現并按照自己的節奏嘗試它，請訪問GitHub存儲庫，在其中您可以查到：

• 源代碼和設置說明
• 自定義儀表板項實現
• Azure OpenAI集成

注意：要查看AI Assistant集成的更多示例，請參閱以下資源：

關于慧都科技

慧都是?家?業數字化解決?案公司，專注于軟件、?油與?業領域，以深?的業務理解和?業經驗，幫助企業實現智能化轉型與持續競爭優勢。

慧都科技是DevExpress的中國區的合作伙伴，DevExpress作為用戶界面領域的優秀產品，幫助企業高效構建權限管理、數據可視化（如網格/圖表/儀表盤）、跨平臺系統（WinForms/ASP.NET/.NET MAUI）及行業定制解決方案，加速開發并強化交互體驗。