设计报表的互动效果

浏览次数:5183 最新更新:老慢 于 2023-09-09

传统中国式报表最主要的作用是企业经营管理数据在整理、设计、汇总后的综合展现,具体的报表样式我们已经很清晰了。而现代化的报表则在此基础上提供了更多的互动效果,比如报表内的联动、报表间的跳转等,这些互动能力有利于提高报表的可用性,减少无谓的报表需求,从而提升运营管理的效率。

报表互动设计原理

在电子表格报表内部,通过以下基本原理实现互动效果,具体使用时只使用部分分支即可。其中传值的功能是非常独特的能力,无论绑定单元格的字段、ECharts图形、Excel图形都可以传值给参数或者单元格!“引用”是Excel原本的能力,被电子表格软件兼容支持,一般用于What-if类的互动分析上(需要结合填报属性功能)。

在电子表格报表之间,通过“跳转规则”实现互动,这个设计是有向导的,原理和传值相同,也是向报表参数的传值。

使用参数进行过滤

参数建立服务于报表,作为报表查询筛选条件,您可以通过切换参数值刷新过滤报表数据,从而达到报表互动的效果。以下是常见的几种参数过滤的表现方式

通过“下拉框”互动展示的报表如图:

通过“日期控件”互动展示的报表如图:

通过“单选框控件”互动展示的报表如图:

通过“滑动条控件”互动展示的报表如图:

通过“复选框控件”互动展示的报表如图:

无论选择哪种参数过滤的表现形式,其核心都是参数的使用,让我们可通过不同维度(时间或者地理等)去筛选过滤出某类数据,增强的报表的功能及互动能力,各位可以参考参数章节,如果您想进行实操可以参考此文档

使用传值进行交互

通过基于表格的“单元格传值”功能和图形的“数据传值”功能实现多种类型的图形表格间互动效果,设置方法可参考此文档

适用数据联动的业务需求。

注意:此功能暂不支持跨sheet页传值互动。

表格到ECharts图形联动基于“单元格传值”功能实现互动效果:

ECharts图形到表格联动基于“数据传值设置”功能实现互动效果:

ECharts图形间联动基于“数据传值设置”功能实现互动效果:

echart.gif

Excel图形间联动基于“单元格传值”功能实现互动效果:

excel.gif

如何实现What-if测算

Excel最吸引人的特性之一是可以创建动态模型,当改变公式所使用的单元格的值时,动态模型可以运用此公式立即重新计算,当以一种系统的方式改变单元格的值,并观察具体公式的单元格的变化效果时,就是在执行一种假设分析。电子表格软件完美兼容此能力进行互动,这不,与我们息息相关的贷款计算、个税能省多少的关键数字,都可以借用Excel的能力完成,一键发布到Spreadsheet服务器,即可在线使用。

示例一:抵押贷款计算器:执行电子表格what-if分析制作贷款计算器和展示图表组合。实现过程可查阅此文档

示例二:个税计算器:使用电子表格的输入功能,可以实现具有交互互动效果的小应用。实现过程可查阅此文档

应用效果如下(点击图片可以直接使用):

在报表间使用跳转向导

Spreadsheet支持用户不需要关心代码层次的内容,按照系统的提示流程,在各环节中以界面配置的方式实现资源间的互动效果。

使用场景:用于报表间的互动跳转,一般可由总览表点击大类跳转到明细详情表。其实现的原理是通过关键字段(主数据)的点击,实现后台的数据过滤,并在前端从当前报表页面跳转到另外一个报表的过程。

示例:用户分别有 发货区域和发货城市的统计表,当在汇总表中想要进一步了解某个区域下城市的详细数据时,就可以通过跳转的方式来实现不同报表间的关联查询。

具体操作可参考此文档

                     

————————————————

立足经典、真Excel设计、社区版永久免费!立即下载使用,开启高效报表开发之旅!

Demo体验

返回顶层