下面這個 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）：如何插入漂亮的动图背景的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。