数据分析想要酷一点?这个超火的动态图表,你一定要学会

我们直接步入正题:数据可视化在数据分析与展示有很强大的说服力,用这个展示给老板才能具有较好的说服力,这也是为什么数据现在这么重要的原因,一起都以数据说话。

你一大堆报告之类的都无法打动老板,你用一个可视化东西让老板能非常直观地看到效果与管理重要性,这个比费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 代码来制作效果更好。

今天就给大家送上几个动态背景。

数据分析想要酷一点?这个超火的动态图表,你一定要学会

 

 

数据分析想要酷一点?这个超火的动态图表,你一定要学会

 

 

数据分析想要酷一点?这个超火的动态图表,你一定要学会

 

 

数据分析想要酷一点?这个超火的动态图表,你一定要学会