ActiveReportsJS V4.2 新特性功能总览
本帖最后由 Bella.Yuan 于 2023-12-11 13:36 编辑大家好， ActiveReportsJS V4.2的版本发布啦，那我们此次新版发布又为报表领域带来哪些领先的新特性呢？
我们来一起看看吧：
1.报表设计器组件现在支持全面的自定义API，可以精确配置用户界面，提供一系列地定制选项：
1）侧边栏自定义：控制侧边栏项目的可见性和排列顺序。
const menuSettings = {
visible: true, // true or false 是否显示侧边栏
toolBox: {
visible: true, // true or false 是否显示工具箱
},
documentExplorer: {
visible: false, // true or false 是否显示元素管理
},
groupEditor: {
visible: true, // true or false 是否显示分组管理
},
layerEditor: {
visible: true, // true or false 是否显示报表层
},
logo: {
visible: true, // true or false 是否显示logo
custom: {
type: "css",
class: "fa-solid fa-user",
},
},
};
var designerConfig = {
menu: menuSettings ,
};
2）菜单和工具栏调整：微调菜单和工具栏的外观和功能。
const appBarSettings = {
visible: true, // true or false 是否显示菜单，最上面的菜单
homeTab: {
visible: true, // true or false 是否开始
},
contextActionsTab: {
visible: false, // true or false 是否显示报表
},
parametersTab: {
visible: true, // true or false 是否显示查询面板
},
};
const toolBarSettings = {
visible: false, // true or false 是否显示工具栏，菜单下面的工具栏
};
var designerConfig = {
appBar: appBarSettings,
toolBar: toolBarSettings
};
3）数据面板编辑：启用或禁用数据面板中的编辑功能，根据您的需求进行定制。
const dataTabSettings = {
dataTab: {
visible: true, // true or false 是否显示数据绑定
},
dataSources: {
visible: true, // true or false 是否显示数据源
canModify: false, // true or false 是否运行修改数据源
},
dataSets: {
visible: true, // true or false 是否显示数据集
canModify: true, // true or false 是否允许修改数据集
},
parameters: {
visible: true, // true or false 是否显示报表参数
canModify: true, // true or false 是否运行修改报表参数
},
commonValues: {
visible: true, // true or false 是否显示内置数据
},
};
var designerConfig = {
data: dataTabSettings,
};
4）广泛的UI配置：可以灵活地修改用户界面的各个方面，调整报表设计器以满足您的特定要求。
灵活修改用户界面的各个方面，具体参考这个链接：https://demo.grapecity.com.cn/activereportsjs/docs/DeveloperGuide/ActiveReportsJSDesignerComponent/%E5%AE%9A%E5%88%B6%E8%AE%BE%E8%AE%A1%E5%99%A8
2.Svelte集成ARJS
Svelte集成设计器：https://demo.grapecity.com.cn/activereportsjs/docs/DeveloperGuide/ActiveReportsJSDesignerComponent/Integration/activereportjs-
Svelte集成查看器：https://demo.grapecity.com.cn/activereportsjs/docs/DeveloperGuide/ActiveReportsJSViewer/Integration/%E4%B8%8E-sveletjs-%E6%A1%86%E6%9E%B6%E9%9B%86%E6%88%90%E6%8A%A5%E8%A1%A8viewer
3.支持CSV数据
新推出的CSV数据提供程序允许我们将数据绑定到CSV数据源，从而增强了报告数据管理。此功能可以：
[*]Web API集成：配置与Web API的连接，以CSV格式检索数据。
[*]基于文件的数据处理：可以直接连接并使用CSV文件。
[*]嵌入式数据支持：将CSV数据直接嵌入到报告中以简化处理。
参考链接：https://demo.grapecity.com.cn/activereportsjs/docs/ReportAuthorGuide/Databinding/csv%E6%95%B0%E6%8D%AE%E6%8E%A5%E5%85%A5
4.动态主题
报表主题引入了在运行时导出主题的能力，从而实现报表配色方案的动态切换。此功能不仅增强了报告的视觉吸引力，还提供了将报告与各种品牌风格或用户偏好无缝结合的灵活性。探索主题报告示例，观察动态主题切换的是实际情况并了解其对报告演示的影响。
参考链接：https://demo.grapecity.com.cn/activereportsjs/docs/ReportAuthorGuide/Themes
页:
[1]