报表工具怎么制作带有时间轴的记录表?

简介:

想要制作一个时间轴记录事件的报表,通过报表工具要怎么制作呢?该怎么制作时间轴呢?下面我们就以润乾报表为例制作两种类型的时间轴记录表,具体看下如何实现。
简洁版时间轴
1

  1. 增加数据集,将需要记录的时间和事件取到。
    时间和事件数据我从 EXCEL 文件中读取,数据如下图所示:

2

报表设计器下新建一张报表,然后在“报表”菜单——数据集,中增加文件数据集。
3
4
选择 EXCEL 文件,然后选择字段点击确定。
5

建好数据集后,在报表设计界面右下角就可以看到新建的数据集字段名称,选中对应的字段分别拖拽到 B2,C2 单元格,自动在格子中生成取数的表达式。
单元格默认的尺寸调整方式是按设计尺寸不变,为了内容能完全显示出来,我们需要手动将尺寸调整方式改为按单元格内容扩大。
6

将 A1、B1、C1 选中,然后合并单元格,在单元格输入文字“新型冠状病毒肺炎”。
设计器下预览报表的效果如下图所示。
7

接下来添加时间轴。
我将时间轴上截取部分存成图片,在 A2 单元格中增加图片文件。
8

添加完图片后,我们预览报表发现,只是在中间的那个位置中出现了一个事件轴节点。
9

上图的效果是因为 B2 是个扩展格,将前面这个带图片的格子拉伸了,而我们想要的是每个时间前都需要有一个时间轴节点,这就需要手动将 A2 格子的左主格修改为 B2。
10

再来预览下效果。
11

通过以上设置我们就通过图片的方式,做好了一个简洁风格的时间记录表。
时间轴颜色动态变化
下面截图的时间记录表的时间轴就是虚线,从样式来看,貌似不难,我们第一想法貌似可以直接通过单元格的边框线搞定,但是扩展单元格的边框线颜色是固定的,不能通过条件表达式来动态改变的。
12

一个格子的边框颜色不能动态改变,但是它的前景色和背景色是可以动态变化的呀!
这里截图中的效果是通过在格子中输入一个竖线的字符,根据事件累加的值做条件判断来动态改变格子的颜色的。
在 B1 格中定义了个变量并赋了初始值 0,在 D4 单元格设置值表达式为 =a=a+1, 前景色设置位白色,这样累加出来的 a 的值用来做条件判断,又不会显示出来。
13

在 E4 单元格中在前景色的地方设置条件判断表达式根据 D4 累加的值,动态改变竖线的颜色。
14

现在画重点:注意临时变量的使用,以及跟随扩展如何手动修改主格。

目录
相关文章
|
3天前
|
JavaScript 前端开发 定位技术
用R语言制作交互式图表和地图
用R语言制作交互式图表和地图
一个好用的在线画图工具 - 图表秀
一个好用的在线画图工具 - 图表秀
163 0
一个好用的在线画图工具 - 图表秀
FineReport学习(二)——各种报表的制作(二)
FineReport学习(二)——各种报表的制作(二)
FineReport学习(二)——各种报表的制作(二)
FineReport学习(二)——各种报表的制作(五)
FineReport学习(二)——各种报表的制作(五)
FineReport学习(二)——各种报表的制作(五)
FineReport学习(二)——各种报表的制作(四)
FineReport学习(二)——各种报表的制作(四)
FineReport学习(二)——各种报表的制作(四)
|
BI 数据库
FineReport学习(二)——各种报表的制作(三)
FineReport学习(二)——各种报表的制作(三)
FineReport学习(二)——各种报表的制作(三)
FineReport学习(二)——各种报表的制作(一)
FineReport学习(二)——各种报表的制作(一)
FineReport学习(二)——各种报表的制作(一)
|
BI 数据库
FineReport学习(二)——各种报表的制作(六)
FineReport学习(二)——各种报表的制作(六)
FineReport学习(二)——各种报表的制作(六)
|
JSON JavaScript 前端开发
Day 23:使用 TimelineJS 构建精美的时间轴
确定今天的主题费了我不少工夫,我开始打算学习brain,后来又去看了看Twitter Server,但是我最后决定学习TimelineJS。本文将介绍如何使用TimelineJS为一系列文章创建一个精美的时间轴。
1070 0
Day 23:使用 TimelineJS 构建精美的时间轴
|
数据可视化 定位技术 数据格式
快速制作地图图表—ChartCube 地图制图工具尝鲜体验
# 快速制作地图图表—ChartCube 地图制图工具尝鲜体验 ![2020-03-03 12-39-26.2020-03-03 13_17_22.gif](https://gw.alipayobjects.com/mdn/rms_855bab/afts/img/A*okWHQaEeEYcAAAAAAAAAAABkARQnAQ) ChartCube 图表魔方是:AntV 在线图表制作工
3285 0