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

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

DevExpress技術(shù)交流群11：749942875      歡迎一起進(jìn)群討論

如何工作？

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

實(shí)現(xiàn)細(xì)節(jié)：

• 自定義儀表板項(xiàng)目：AI助手使用dxChat小部件作為自定義web儀表板項(xiàng)實(shí)現(xiàn)，您可以從工具箱中添加它，就像任何其他Dashboard項(xiàng)目一樣。
• 上下文感知響應(yīng)：AI助手審查/分析顯示的數(shù)據(jù)，對(duì)儀表板參數(shù)、過(guò)濾器或數(shù)據(jù)源的更改會(huì)自動(dòng)刷新Assistant上下文。
• 動(dòng)態(tài)數(shù)據(jù)交互：?jiǎn)螕袅奶鞓?biāo)題中的“Select Widget”，將Assistant的焦點(diǎn)縮小到單個(gè)Dashboard元素。

回顧GitHub示例

要查看我們的實(shí)現(xiàn)并按照自己的節(jié)奏嘗試它，請(qǐng)?jiān)L問(wèn)GitHub存儲(chǔ)庫(kù)，在其中您可以查到：

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

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

關(guān)于慧都科技

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

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