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集成

GitHub库——DevExpress BI Dashboard for ASP. NET Core — 基于AI Assistant的Azure OpenAI

注意：要查看AI Assistant集成的更多示例，请参阅以下资源：

• Reporting for ASP.NET Core and DevExtreme JavaScript Chat — Integrate AI Assistant
• DevExpress Blazor AI Chat — AI Assistants for Report Viewer and Grid

关于慧都科技

慧都是⼀家⾏业数字化解决⽅案公司，专注于软件、⽯油与⼯业领域，以深⼊的业务理解和⾏业经验，帮助企业实现智能化转型与持续竞争优势。

慧都科技是DevExpress的中国区的合作伙伴，DevExpress作为用户界面领域的优秀产品，帮助企业高效构建权限管理、数据可视化（如网格/图表/仪表盘）、跨平台系统（WinForms/ASP.NET/.NET MAUI）及行业定制解决方案，加速开发并强化交互体验。