找回密码
 立即注册

QQ登录

只需一步,快速开始

Bella.Yuan Wyn认证
超级版主   /  发表于:2023-12-7 10:18  /   查看:1424  /  回复:0
本帖最后由 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












本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部