ActiveReportsJS V4.0
添加对现代前端工具的支持，包括 Vite、Next.js 和 Svelte。
2023 年 3 月 29 日 - 8:07 新版本
特征
- 现代前端工具支持- ActiveReportsJS 现在支持的新框架和工具包括：
- Vite -Vite.js 是一种构建工具，可为现代 Web 项目提供快速而精益的开发体验。您现在可以使用 Vite v2 或 v3 分别使用 React Report Viewer 和 Designer 或 Vue Report Viewer 和 Designer 构建您的 React 或 Vue 项目。
- Next.js -Next.js 是一个基于 React 的框架，它为您的应用程序提供定义明确的结构和优化，使开发过程和最终应用程序更快。您现在可以在 Next.js v13 项目中使用 React Report Viewer 和 Designer。重要的是要认识到 ActiveReportsJS 组件仅在客户端工作，因此必须动态加载它们。
- Nuxt.js -Nuxt.js 是一个基于 Vue 的框架，它为您的应用程序提供定义明确的结构和优化，使开发过程和最终应用程序更快。您现在可以在 Nuxt.js 3x 单页应用程序中使用 Vue 报告查看器和设计器。
- Svelte - Svelte 是一种全新的构建 Web 应用程序的方法。它是一个将组件转换为高效 JavaScript 的编译器，可以像手术一样更新 DOM。您现在可以在 Svelte v3 项目中使用纯 JavaScript 查看器和设计器组件。
- 新布局功能
- 多部分连续页面布局- 连续页面布局已更新以支持多个部分，每个部分都有不同的页面大小、方向和页边距。此功能使您能够将各种类型的内容无缝集成到单个报告中。
- 列表的高级布局选项- 列表数据区域现在可以配置为使用高级布局选项生成类似网格的数据表示。
- 高级交互- 您现在可以配置应用参数交互操作以在您的报告中实施运行时过滤。
- 新的 API 和表达式
- IndexOf 函数 -您可以使用新引入的 IndexOf 函数来确定是否可以在数组或字符串中找到给定元素。
- Viewer.showParametersOnOpen 属性- 报表查看器组件现在公开 showParametersOnOpen 属性，指示参数面板是否应在报表加载时自动打开，即使报表的参数具有默认值。
- Designer.documentChanged 事件- ReportDesigner 组件已更新为包括注册 documentChanged 事件处理程序的能力。只要用户修改当前加载到设计器实例中的报表，就会触发此事件。这个新的 API 可用于实现自动保存功能和其他场景。
- 用户界面改进
- 报表查看器和报表设计器组件的用户界面现在可以用法语显示。
- 报表设计器用户界面已刷新，现在包含可用于设置报表页边距的标尺。
关于 ActiveReportsJS
用于 Web 应用程序的 JavaScript 报告解决方案。
ActiveReportsJS 是一种用于在前端应用程序中可视化数据的报告解决方案。自定义报告布局并将报告设计器和查看器组件集成到 Web 应用程序中，以便在任何平台上预览、导出或打印报告。
ActiveReportsJS 功能
- 使用跨平台的独立设计器应用程序设计报告。
- 创建响应迅速、适合移动设备的报告应用程序。
- 内置对 Angular、React 和 Vue 的支持。
- 在没有服务器依赖性的情况下启用客户端报告。
- 使用带有跨平台工具的多平台独立设计器应用程序构建交互式、可自定义的报告。
- 使用具有强大数据绑定的高级数据绑定功能，立即将报告绑定到 REST API、OData 或 GraphQL 端点。
- 使用 Report Designer 组件个性化报告。
- JavaScript 报告引擎 -利用强大的报告引擎在任何设备上以 JavaScript 加载和生成报告。
- 多种报告类型- 从布局驱动的页面报告或数据驱动的 RDL 报告中进行选择，创建一个功能齐全的报告库。
- 无外部依赖 -用 TypeScript 编写。在任何网络应用程序中执行。可定制且易于在 VSCode 中使用。
- 客户端导出和打印- 快速生成所见即所得的报告，并在客户端将它们导出为 PDF、HTML 或 Excel。允许您的最终用户打印像素完美的 JavaScript 报告。
- 适用于任何 JS 框架的报告- 将 ActiveReportsJS 与任何流行的 JavaScript 框架（包括 Angular、React 和 Vue）一起使用。
- 设计交互式 JS 报告- 使用向下钻取、钻取、交互式排序和书签功能为最终用户提供交互性和更具体的信息。
- 条形码 -使用内置条形码节省时间并提高生产力和效率。无需集成您自己的条码库。
- 支持 30 多种条码符号
- 配置条码大小、样式、颜色、文本。
- 数据可视化 -在您的 Web 应用程序中从多个 JSON 数据源创建功能强大的交互式 JavaScript 报告。使用表格、列表和图表更深入地了解您的数据。
- 使用数据绑定报表项
- 使用图表和迷你图汇总您的数据
- 提供具有向下钻取和钻取功能的详细视图
- 迷你图- 迷你图非常适合快速分析近期数据和显示趋势。在 JavaScript 数据可视化组件中集成迷你图。
- 识别趋势并赋予原始数据更多意义
- 从不同的类型中进行选择：线条、区域、柱形、晶须和堆叠条形图
- Tablix - Tablix 控件提供具有高级功能的表格布局，允许在多个维度上进行分析。
- 按行和列对数据进行分组
- 汇总分类数据
- 创建灵活的布局
- 子报告- 将具有不同数据源的多个报告合并到一个文件中。通过将参数从主报表传递到子报表来过滤数据。
- 在多个报告中重复使用相同的 JavaScript 报告
- 对子报表的更改会自动结转
- 使用单个 JavaScript 报告显示多个报告
- 独立设计器应用程序 -使用多平台独立设计器应用程序构建交互式、可定制的报告。
- 在任何操作系统上安装 - 设计器可以安装在 Windows、Mac 或 Linux 操作系统上，使开发人员能够在任何平台上设计报表。
- 函数式 JS 报告 - 使用直观的拖放式 GUI 创建复杂的报告。使用表格和图表等报表控件可视化您的数据。
- 转换为 JS 报告 - 在设计器中打开传统的 RDLX 报告并将它们保存为 RDLX-JSON。