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

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

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

如何工作？

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

實現(xiàn)細節(jié)：

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

回顧GitHub示例

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

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

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

關于慧都科技

慧都是?家?業(yè)數(shù)字化解決?案公司，專注于軟件、?油與?業(yè)領域，以深?的業(yè)務理解和?業(yè)經(jīng)驗，幫助企業(yè)實現(xiàn)智能化轉型與持續(xù)競爭優(yōu)勢。

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