下面這個(gè) Viz ：關(guān)于雨量的可視化分析，圖表的背景是一張淅淅瀝瀝下雨的動圖（如下圖），效果很不錯！

那么，如何在 Tableau 中實(shí)現(xiàn)這樣的動圖背景呢？這里，我們分享方法給大家！

本期《舉個(gè)栗子》，阿達(dá)要給大家分享的 Tableau 技巧是：如何插入漂亮的動圖背景。

為方便學(xué)習(xí)，我們提供兩種方法實(shí)現(xiàn)動圖背景。注：此栗子適用于 Tableau 2018.3 及以上版本，低版本用戶請先下載最新版 Tableau 再學(xué)習(xí)！

具體步驟如下：

? 插入U(xiǎn)RL
在之前的栗子 快速插入個(gè)性化背景 ，我們已經(jīng)學(xué)過如何插入靜態(tài)背景： 儀表板中插入圖片，然后拖入浮動工作表，再設(shè)置工作表“陰影格式”為“無”。

但是，我們?nèi)绻麑?GIF 格式的圖片，用上面的方法插入，會發(fā)現(xiàn) GIF 原本的動圖效果沒有了，該怎么解決呢？試著插入 URL 吧！

在搜索引擎，或者自行設(shè)定的網(wǎng)頁中，復(fù)制想用來做背景的動圖圖片地址：

再將復(fù)制的圖片地址，拷貝到 Tableau Desktop URL 中。如此，想要的 GIF 圖片就成了動圖背景，so easy!

不過，插入 URL 的方式，雖然可以快速實(shí)現(xiàn)動圖背景，卻有一些局限：

• 背景圖片的大小不能或不便于按需調(diào)整；
• 如果圖片被從原址刪除，對應(yīng)的 URL 地址也會失效；
• 對于企業(yè)內(nèi)網(wǎng)用戶來說，一旦工作簿發(fā)布到 Server，URL 地址也將失效。

如果需要解決以上的局限性，就需要用到第二種方式：創(chuàng)建 HTML 頁面。

? 創(chuàng)建 HTML 頁面

這個(gè)方法需要有一定 HTML 的基礎(chǔ)，如果你不懂 HTML，可以找懂的同事協(xié)助。

下面是可用于執(zhí)行此操作的代碼（如下圖）。在此代碼中你可以調(diào)整圖片的大小格式，將此代碼托管到 Tableau Server 上，再在儀表板 URL 中添加此頁面的地址即可。

我們用雨量分析作品作為示例，Web 對象中的 URL 是 http://127.0.0.1:8080/ 。將這個(gè) URL 放入儀表板，定制好的動圖就成為了背景。

然后，我們拖出一個(gè)浮動文本框。

調(diào)整文本框的布局大小、顏色及透明度。

接著，我們把浮動的工作表拖進(jìn)來，設(shè)置工作表陰影格式。

? 如果想去掉工作表標(biāo)題和視圖之間的白線，可以把工作表放在一個(gè)容器中，然后再設(shè)置容器的背景顏色。

和前面的步驟一樣，調(diào)整布局、顏色和透明度。

? 如果是想讓柱形圖好看一些，可以使用 Unicode 字符（如下）創(chuàng)建紋理圖表。

將 Unicode 字符放在文本里面，調(diào)整字符顏色跟工作表背景一致，并設(shè)置文本背景為無，拖動到工作表上方。

Tips: 由于網(wǎng)格線原因，示例最終使用 4個(gè)文本框，才使點(diǎn)不顯示在線上，但如果線不在那里，那么它可能是一個(gè)文本框。這樣做的缺點(diǎn)，條形圖中的工具提示如果用文本框覆蓋則不起作用。

當(dāng)然，你也可以用此方法添加一些 PNG 透明圖片和其他文本。

延展栗子

實(shí)際分析中，你是否遇到過如下問題：在 Tableau Desktop 中利用“頁面”功能做了一個(gè)可以播放的炫酷視圖，但是發(fā)布到 Server
不支持播放？

動圖背景的栗子，其實(shí)可以幫助你解決上面的困惑：把播放的視圖做成一個(gè) GIF 圖片，通過上面的方法使用添加 URL 實(shí)現(xiàn)。

如下示例： https://www.dataplusscience.com/files/AnimatedGif.gif（把這個(gè)鏈接添加到你的
Tableau URL 中試試吧！）

本期的 Tableau 技巧，你 Get 到了嗎？趕快試試看吧！
下一期，再會~

文章部分信息來源于網(wǎng)絡(luò)，如有侵權(quán)請告知

總結(jié)

以上是生活随笔為你收集整理的举个栗子！Tableau 技巧（95）：如何插入漂亮的动图背景的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。