舉個例子!Tableau技巧(37):如何在工具提示裡顯示條形圖
去年的聖誕節,我們分享了一篇《資料聖誕節:視覺化的兩種範兒》,圖文中有一種圖表的呈現,深受資料粉喜愛。
我們先來看看這個Viz,作者按照禮物盒的構思製作,看上去很像一張賀卡。
精妙之處在於,當滑鼠停留在任何一種聖誕食材上,提示視窗都會通過一個條形圖來呈現價格走勢,資料分析結果非常直觀。
很多資料粉留言:像這個Viz一樣,那個工具提示裡出現的條形圖,該怎麼實現的呢?
——————————————————————————————————》》
本期《舉個例子》,阿達要給大家分享的Tableau技巧是:如何在工具提示裡顯示條形圖。
我們使用Tableau自帶的超市資料。先將類別拖至行,銷售額拖至文字中,建立出下圖:
接下來,需要實現:將滑鼠懸停每個類別時,能提示我近幾年各類別銷售額的柱形圖來對比檢視年度變化。
具體步驟如下:
一、寫計算公式
為了達到預期(比如選擇日期從11年到13年),首先需要將3個年份的銷售額單獨寫出來。計算公式如下:
接下來,再建立三個對應顯示柱形圖的欄位如下:
計算欄位含義
◆ LEFT返回指定字串開頭的字元數,這個指定的字串即:██,後面的函式主要起返回幾位字元數的作用;
◆ 這裡用了ROUND這個指定小數位數的欄位,後面那個/100000是為了降低百萬級別的銷售額,使ROUND函式發揮作用;
◆ 在實際場景中需要靈活應對,不然取的柱子的長短,就不會根據數量級接近但實際值有差距去相應變化了。
二、將欄位新增到詳細資訊
欄位建立好之後,需要將建立好的欄位全部新增到詳細資訊中。
將滑鼠懸停在度量值上時,會發現提示內容裡已經出現了柱圖。
但是,目前這樣並不方便我們去檢視具體資訊。我們繼續往下看:
三、優化提示內容
接下來,需要優化提示內容。
也可以給不同的年份標上不同的顏色(選中要標記顏色的欄位)。
Now,一個條形圖的工具提示就完成啦!
今天的Tableau小技巧,你Get到了嗎?趕快開啟你的Tableau,試試看吧!
其實,這種方法也可以運用在地圖上(如下圖)。有探索精神的資料粉們,自己動手嘗試一下吧!如果你做出來了,可以投稿給我們,我們會在《舉個例子》中將它分享給大家~
文章部分資訊來源於網路,如有侵權請告知
相關文章
- 舉個栗子!Tableau技巧(36):快速製作巢狀條形圖巢狀
- 舉個例子!Tableau技巧(27):如何在Tableau中用Python(技術乾貨,建議收藏)Python
- 在visual studio裡圖形化顯示陣列陣列
- 小技巧:如何在Mac選單欄上顯示名字或者圖示Mac
- XManager:xshell顯示圖形化介面
- POI 重疊、並列柱狀圖(條形圖),顯示資料,自定義顏色
- 如何在終端中顯示圖片
- sweetalert 快速顯示兩個提示, 第二個顯示不出的問題
- vis.js工具提示3d圖形JS3D
- Tableau——資料前處理、折線圖、餅圖(環形圖)
- Android 12(S) 圖形顯示系統 - 開篇Android
- jquery 滑鼠移到圖片彈出浮動層顯示大圖片例子jQuery
- 舉個栗子!Tableau 技巧(75):使用計算實現在同一檢視切換相同分析維度的圖表...
- 什麼是閉包?舉個例子
- 如何在 Sway 中設定多個顯示器
- Android 12(S) 圖形顯示系統 - 示例應用(二)Android
- Android 12(S) 圖形顯示系統 - 基本概念(一)Android
- Android 12(S) 圖形顯示系統 - createSurface的流程(五)Android
- selenium 是否能獲取網頁裡出現的提示資訊?(如圖)網頁
- vis.js條形圖JS
- 表格顯示滾動條
- iBarcoder for Mac條形碼生成工具Mac
- ABAP的語法高亮是如何在瀏覽器裡顯示的瀏覽器
- Win10系統玩遊戲提示顯示卡不支援3d圖形加速功能如何解決Win10遊戲3D
- Android 12(S) 圖形顯示系統 - BufferQueue/BLASTBufferQueue之初識(六)AndroidAST
- 3 個 Linux 上的 SSH 圖形介面工具Linux
- 舉個例子講解DTO負責幹啥
- 如何在 SAPGUI 的同一個螢幕顯示兩個 ALV listGUI
- iOS開發如何在google地圖上顯示自己的位置iOSGo地圖
- LVGL高效顯示進度條
- Mac條形碼生成工具——iBarcoder for MacMac
- Adthena:研究顯示37%旅客首要關注酒店預訂
- 用HTML5繪製圖形在手機上消除模糊顯示HTML
- Android 12(S) 圖形顯示系統 - BufferQueue的工作流程(十一)Android
- 直播帶貨原始碼,背景圖片顯示鋪滿但不變形原始碼
- Android 12(S) 圖形顯示系統 - BufferQueue的工作流程(十)Android
- Android 12(S) 圖形顯示系統 - BufferQueue的工作流程(八)Android
- Android 12(S) 圖形顯示系統 - 初識ANativeWindow/Surface/SurfaceControl(七)Android