数据分析想要酷一点?这个超火的动态图表,你一定要学会
我们直接步入正题:数据可视化在数据分析与展示有很强大的说服力,用这个展示给老板才能具有较好的说服力,这也是为什么数据现在这么重要的原因,一起都以数据说话。
你一大堆报告之类的都无法打动老板,你用一个可视化东西让老板能非常直观地看到效果与管理重要性,这个比费N多口舌都重要。
看似动态图表好像很简单,实际上轮播图、3D地图、动态时间齿轮图都用上了...
就来说说最近很火的动态轮播条形图吧,通过动态轮播条形图可以清晰地看到每一项数据的变化趋势、速度以及在不同时期的排名。
所以这段时间经常有朋友来问小编,帆软的产品能做出这种效果吗?当然是可以的,其实FineReport早就已上线了这个图表模板,今天就来手把手教大家做一个动态轮播条形图。
1、概述
1.1 问题描述
当数据源中包含分类、系列和时间维度时,希望按照时间从小到大依次轮播图表数据,如下图所示:
1.2 实现思路
在 SQL 查询语句中设置时间参数过滤数据,时间参数的值会随着时间而变化,然后定时刷新图表。
2、示例
2.1 数据准备
新建决策报表,创建数据集 ds1,数据库查询语句如下:
SELECT
货主城市,
strftime("%Y-%m",订购日期) 年月,
sum(运货费) 运货费
FROM 订单
where strftime('%Y-%m',订购日期)='${left(monthdelta("1997-01-01",mod((datetonumber(now())-datetonumber(a))/1000,12)),7)}'
group by 货主城市,strftime("%Y-%m",订购日期)
order by 运货费
2.2 报表设计
(1)菜单栏点击模板>模板参数,新建一个默认值为=now的模板参数a。
(2)决策报表 body 组件的布局方式改为绝对布局,决策报表设计主体中拖入条形图,如下图绑定数据信息。
(3)条形图样式选择标题,勾选标题可见,标题内容填写公式UNIQUEARRAY(ds1.select("年月")),并设置悬浮位置 x 方向50%,y 方向50%,字符为36号字体。
(4)条形图样式选择图例,不勾选图例可见。
(5)条形图样式选择标签,勾选使用标签,文本勾选值,位置设置为外侧。
(6)添加定时刷新,条形图特效选择交互属性,开启后台检测,时间间隔为1秒。
2.3 效果预览
(1)PC端效果如下图所示:
(2)移动端效果如下图所示:
这样简单几步,就完成了一个动态轮播条形图,是不是非常简单,感兴趣的朋友可以动手做起来了!
等一下,是不是还觉得不够酷炫?还想要开头动图的背景?
制作那样的大屏动效背景,采用插入动态 GIF 背景图的方式可能无法完美自适应,所以直接用 JS 代码来制作效果更好。
今天就给大家送上几个动态背景。