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

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

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

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

数据分析想要酷一点？这个超火的动态图表，你一定要学会相关推荐

Excel数据分析从入门到精通（十四）动态图表和甘特图
Excel数据分析从入门到精通(十四)动态图表和甘特图 1.动态图表 ①画板准备 ②绘制复选框 ③图形绘制 2.甘特图 ①准备符合要求的数据 ②美化框线 ③绘制堆积条形图 ④甘特图图形转换绘制 ⑤使用 ...
想要酷炫大气的网页设计？这样做超吸睛
Web 技术的快速发展,不仅让设计和产品足以满足更多更细致深入的需求,也让设计师能够进行更细腻更独特的表达.现今的网页设计趋势,已经不再仅仅局限于单一的技法,而更多是一种复合的.暗含意图的综合的设计方 ...
白嫖我常用的 11 个超火的前端必备在线工具，终于有时间上班摸鱼了
大家好,我是你们的猫哥,一个不喜欢吃鱼.又不喜欢喵的超级猫 ~ 前言猫哥是一个常年混迹在 GitHub 上的猫星人,所以发现了不少好的前端开源项目,在此分享给大家. 公众号:前端GitHub,专 ...
aspnet还有人用吗_别盲目跟风！理性分析：超火的小香风外套真的适合你吗？
别盲目跟风!理性分析:超火的小香风外套真的适合你吗? 要说到小香风的话,其实就是啊老生常谈了.小香风作为香奶奶家最为经典的款式无疑代表着品牌文化魅力特有的优雅和端庄.不管是在上世纪还是现在都是时尚界的 ...
超火动态可视化条形图，绘制起来这么简单！
作者:QIML编辑部来源:量化投资与机器学习文章经授权转载超火动态排序图: 代码不到40行,手把手教你! - 01 - 前言最近,这种动态排序条形图视频超级火,如下图: 具体来说,这种图可以 ...
抖音快手超火的小霸王游戏机
小霸王游戏演示小霸王游戏源代码下载前言 FC(俗称红白机/小霸王游戏)也曾在80.90年代风靡中国大陆.那个时候也有很多人管它叫红白机或小霸王游戏机.相信很朋友都有在童年时代玩红白机游戏的经历,也 ...
最近超火的带背景音乐的动态雪花圣诞树~（附Python源码）
大家好,我是钱der! 互联网上不缺乏项目,而是缺少发现项目的眼睛. 马上圣诞节了,今天给大家分享的是最近超火的圣诞树代码合集. Python turtle库介绍 Turtle库是Python语言中一 ...
超火的抖音表情包制作教程
喜欢玩抖音的小伙伴都知道抖音聊天里有很多超火的GIF表情包,比如跳舞.蹦迪.疯狂甩头.穿衣服.要红包.撩人.抱胸生气等多种表情包在抖音聊天记录里面简直是层出不穷.大家知道抖音里这些超火的GIF表情包是 ...
一个超火的网站“Omegle”
一个超火的网站"Omegle" 在美国有一个小网站突然暴红.这个网站叫「Omegle」(http://omegle.com/),页面非常简单,实际就两个页面.它的首页就有一个很大的 ...

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

数据分析想要酷一点？这个超火的动态图表，你一定要学会相关推荐

最新文章

热门文章