ActiveReportsJS V4.0 新特性-交互式报表

登录

本帖最后由 KearneyKang 于 2024-8-12 10:11 编辑

ARJS 4.0 新增了一个非常强大的炫酷的功能。通过该功能能够快速实现交互式有仪表板的设计，通过使用 Apply Parameters 实现仪表板数据自己的联动效果，并且整个页面的联动刷新是局部刷新，不会刷新整个viewer页面，整体体验非常友好。
交互式报表展示效果
下面开始进行交互式报表设计
1、进行数据源数据集的绑定

2、把需要用到的组件全部拖到设计界面，并进行对应数据字段绑定。没有进行任何参数过滤的操作，交互式报表暂时没有联动效果

3、添加报表参数，并在设计界面的顶部设置数据联动分析的按钮
添加参数：pYear (整型)、pContinent (字符串)

4、给顶部的按钮添加钻取的能力，报表钻取添加了一个新的选项—Apply parameter
选择 Apply parameter 并进行传参，可以实现报表交互
[size=1.25]应用参数([size=1.25]Apply parameter)

该Apply Parameters操作设置一个或多个[color=var(--link-color)]报告参数的值并使用这些值重新呈现报告。操作Apply Parameters配置包括具有以下属性的一项或多项：

应为其设置值的参数
二传手类型：
- Set– 将给定参数设置为指定值
- Reset– 将给定参数重置为默认值
- Toggle– 添加或删除参数的指定值multi-value。

参数值对应使用该参数进行数据过滤的数据字段
pContinent——>数据字段（ContinentName）多值参数选择 Toggle

pYear——>数据字段(CalendarYear) 单选参数选择 set

5、如何实现点击顶部的选择项实现设计区域的组件数据联动——通过对应组件的数据过滤实现

6、预览结果

7、报表模版

		自动登录	找回密码
密码			立即注册

ActiveReportsJS V4.0 新特性-交互式报表

本帖子中包含更多资源

0 个回复

圣诞拼拼乐

微信认证勋章

讲师达人

悬赏达人

元老葡萄