举个栗子！Tableau 技巧（95）：如何插入漂亮的动图背景

2024-04-10 19:26:21

下面这个 Viz ：关于雨量的可视化分析，图表的背景是一张淅淅沥沥下雨的动图（如下图），效果很不错！

那么，如何在 Tableau 中实现这样的动图背景呢？这里，我们分享方法给大家！

本期《举个栗子》，阿达要给大家分享的 Tableau 技巧是：如何插入漂亮的动图背景。

为方便学习，我们提供两种方法实现动图背景。注：此栗子适用于 Tableau 2018.3 及以上版本，低版本用户请先下载最新版 Tableau 再学习！

具体步骤如下：

❖ 插入URL
在之前的栗子快速插入个性化背景，我们已经学过如何插入静态背景：仪表板中插入图片，然后拖入浮动工作表，再设置工作表“阴影格式”为“无”。

但是，我们如果将 GIF 格式的图片，用上面的方法插入，会发现 GIF 原本的动图效果没有了，该怎么解决呢？试着插入 URL 吧！

在搜索引擎，或者自行设定的网页中，复制想用来做背景的动图图片地址：

再将复制的图片地址，拷贝到 Tableau Desktop URL 中。如此，想要的 GIF 图片就成了动图背景，so easy!

不过，插入 URL 的方式，虽然可以快速实现动图背景，却有一些局限：

背景图片的大小不能或不便于按需调整；
如果图片被从原址删除，对应的 URL 地址也会失效；
对于企业内网用户来说，一旦工作簿发布到 Server，URL 地址也将失效。

如果需要解决以上的局限性，就需要用到第二种方式：创建 HTML 页面。

❖ 创建 HTML 页面

这个方法需要有一定 HTML 的基础，如果你不懂 HTML，可以找懂的同事协助。

下面是可用于执行此操作的代码（如下图）。在此代码中你可以调整图片的大小格式，将此代码托管到 Tableau Server 上，再在仪表板 URL 中添加此页面的地址即可。

我们用雨量分析作品作为示例，Web 对象中的 URL 是 http://127.0.0.1:8080/ 。将这个 URL 放入仪表板，定制好的动图就成为了背景。

然后，我们拖出一个浮动文本框。

调整文本框的布局大小、颜色及透明度。

接着，我们把浮动的工作表拖进来，设置工作表阴影格式。

✔ 如果想去掉工作表标题和视图之间的白线，可以把工作表放在一个容器中，然后再设置容器的背景颜色。

和前面的步骤一样，调整布局、颜色和透明度。

✔ 如果是想让柱形图好看一些，可以使用 Unicode 字符（如下）创建纹理图表。

将 Unicode 字符放在文本里面，调整字符颜色跟工作表背景一致，并设置文本背景为无，拖动到工作表上方。

Tips: 由于网格线原因，示例最终使用 4个文本框，才使点不显示在线上，但如果线不在那里，那么它可能是一个文本框。这样做的缺点，条形图中的工具提示如果用文本框覆盖则不起作用。

当然，你也可以用此方法添加一些 PNG 透明图片和其他文本。

延展栗子

实际分析中，你是否遇到过如下问题：在 Tableau Desktop 中利用“页面”功能做了一个可以播放的炫酷视图，但是发布到 Server
不支持播放？

动图背景的栗子，其实可以帮助你解决上面的困惑：把播放的视图做成一个 GIF 图片，通过上面的方法使用添加 URL 实现。

如下示例： https://www.dataplusscience.com/files/AnimatedGif.gif（把这个链接添加到你的
Tableau URL 中试试吧！）

本期的 Tableau 技巧，你 Get 到了吗？赶快试试看吧！
下一期，再会~

文章部分信息来源于网络，如有侵权请告知

举个栗子！Tableau 技巧（95）：如何插入漂亮的动图背景相关推荐

举个栗子~Tableau 技巧（244）：用和弦图（Chord diagram）呈现数据关系
关于和弦图和弦图(Chord diagram)常用来表示数据之间的相互关系.数据点沿着圆圈分布,通过点和点之间相互连接的弧线来呈现相互之间的关系.和弦图从视觉上来说比较美观,数据呈现又很直观,所以深 ...
举个栗子~Tableau 技巧（237）：用多节点瀑布图分阶段查看数据
瀑布图(下图)既能反映数据的多少,又能直观的反映出数据的增减变化.早期的栗子,我们分享过瀑布图的实现方法. 如果将瀑布图用在一些项目进度分析中,要阶段性查看当前的数据情况,就得在瀑布图中增加一些节 ...
举个栗子~Tableau 技巧（209）：用自定义形状实现刻度环形图
实际分析场景中,数据粉对美总是很执着,如何让分析占比的环形图,看着更漂亮点?比如给环形图增加刻度. 虽然数据分析还是应以实用为主,但既然 Tableau 是为美而生,那我们就试试看吧~ 这里,为大家分 ...
举个栗子~Tableau 技巧（216）：服务器视图中的文字乱码怎么办？
的确,很多 Tableau Server 用户都会遇到相同的问题:创建好的看板发布到服务器之后,因为服务器缺少看板使用的字体,发布后的服务器视图中的文字会出现乱码(如下图). 其实,安装字体跟 Tab ...
举个栗子~Tableau 技巧（206）：定时执行 Prep 处理流程
实际业务场景中,分析用户经常需要周期性使用 Prep,按照相同的规则来处理相同来源的数据.如果每次都重复创建数据处理流程,不仅费时费力,还很容易出现错漏.为什么不将流程保存下来,设置好时间让它自动执行 ...
举个栗子~Tableau 技巧（223）：Prep 调用 Python 提取数据中的地址和经纬度
用 Tableau 做地图分析时,需要数据源中有标准的地理名称字段,或有准确的经纬度数据.但如果数据源中这两种情况都不满足,只有大概的地址信息,该怎么办呢? 这是个普遍存在的问题,需要解决:如何从不太 ...
举个栗子~Tableau 技巧（234）：实现山峰柱形图
看腻了普通的柱形图,可以试试 3D 效果的圆柱图,或带烟花的锥状柱形图.又或者,类似山峰形状的柱形图(如下图),也可以让你的仪表板耳目一新. 如何在 Tableau 实现山峰柱形图呢?今天的栗子分享 ...
举个栗子~Tableau 技巧（241）：用 Python 脚本提取文本内容中的关键词
经常有数据粉反馈:在处理文本内容的时候,是否有快速提取内容关键词的方法呢? 方法有的,可以试试 Python.这里,我们来分享:如何在 Tableau 中利用 Python 脚本从文本内容提取关键词. ...
举个栗子~Tableau 技巧（248）：使用参数和轴实现图表坐标轴的缩放
实际业务分析场景中,使用折线图来呈现业绩趋势分析时候,经常会遇到这样问题:某一段时间的业绩数值波动范围较小,折线图趋于平缓(如下图),很难判断业绩的波动差异,也很难一眼看出哪个时间业绩最好,哪个时间业 ...

最新文章

热门文章