最新历史版本 :FVS动态轮播折线图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

适用场景:安装了「FineVis数据可视化」插件的用户,可参考本文了解 FineVis 的相关功能。

1.1 版本

报表服务器版本插件版本
11.0V1.0.0

1.2 预期效果

在 SQL 查询语句中设置时间参数过滤数据,时间参数的值会随着时间而变化,然后定时刷新图表。如下图所示:

效果一:

3.gif

效果二:

5.gif

2. 示例编辑

2.1 方案一:分类值动态变化

2.1.1 新建模板

点击设计器左上角「文件>新建可视化看板」,创建一张空白看板,可自定义名称和尺寸。如下图所示:

11.png

2.1.2 数据准备

创建数据集 ds1,数据库查询语句如下:

SELECT 

货主城市,

strftime('%Y-%m',订购日期) 年月,

sum(运货费) 运货费

FROM 订单

where strftime('%Y-%m',订购日期)<='${left(monthdelta("1997-01-01",mod(datetonumber(now())/1000,12)),7)}'

and strftime('%Y',订购日期)='1997'

and 货主城市 in ('天津','秦皇岛','南京')

group by 货主城市,strftime('%Y-%m',订购日期)

12.png

2.1.3 模板设计

1)拖入折线图,如下图所示:

13.png

2)给折线图绑定数据,如下图所示:

14.png

3)折线图样式选择「标签」,勾选「使用标签,文本勾选「

15.png

4)折线图「交互」选择「监控刷新」,勾选开启监控刷新,时间间隔为 1 秒。实现每隔 1 秒自动刷新。

16.png

2.1.4 效果预览

1)PC端

点击模板右上角「保存」按钮,再点击「预览」。折线图效果如下图所示:

3.gif

2)移动端

预览方式请参考 FVS移动端预览 ,效果如下图所示:

4.gif

2.2 方案二:分类值固定不变

2.2.1 报表设计

数据集 ds1 修改如下:

select a.货主城市,a.年月,b.运货费 from (

SELECT 

distinct 货主城市,strftime('%Y-%m',订购日期) 年月

FROM 订单

where strftime('%Y',订购日期)='1997'

and 货主城市 in ('天津','秦皇岛','南京')

) a 

left join (

SELECT 

货主城市,

strftime('%Y-%m',订购日期) 年月,

sum(运货费) 运货费

FROM 订单

where strftime('%Y-%m',订购日期)<='${left(monthdelta("1997-01-01",mod(datetonumber(now())/1000,12)),7)}'

and strftime('%Y',订购日期)='1997'

and 货主城市 in ('天津','秦皇岛','南京')

group by 货主城市,strftime('%Y-%m',订购日期)

) b on a.货主城市=b.货主城市 and a.年月=b.年月

其他步骤按照方案一设置即可。

2.2.2 效果预览

1)PC端

点击模板右上角「保存」按钮,再点击「预览」。折线图效果如下图所示:

5.gif

2)移动端

6.gif

3. 模板下载编辑