本帖最后由 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/ac ... E%E8%AE%A1%E5%99%A8
2.Svelte集成ARJS
Svelte集成设计器:https://demo.grapecity.com.cn/ac ... ion/activereportjs-
Svelte集成查看器:https://demo.grapecity.com.cn/ac ... A%A5%E8%A1%A8viewer
3.支持CSV数据
新推出的CSV数据提供程序允许我们将数据绑定到CSV数据源,从而增强了报告数据管理。此功能可以:
- Web API集成:配置与Web API的连接,以CSV格式检索数据。
- 基于文件的数据处理:可以直接连接并使用CSV文件。
- 嵌入式数据支持:将CSV数据直接嵌入到报告中以简化处理。
参考链接:https://demo.grapecity.com.cn/ac ... E%E6%8E%A5%E5%85%A5
4.动态主题
报表主题引入了在运行时导出主题的能力,从而实现报表配色方案的动态切换。此功能不仅增强了报告的视觉吸引力,还提供了将报告与各种品牌风格或用户偏好无缝结合的灵活性。探索主题报告示例,观察动态主题切换的是实际情况并了解其对报告演示的影响。
参考链接:https://demo.grapecity.com.cn/ac ... tAuthorGuide/Themes
|