舉個例子!Tableau技巧(37):如何在工具提示裡顯示條形圖
去年的聖誕節,我們分享了一篇《資料聖誕節:視覺化的兩種範兒》,圖文中有一種圖表的呈現,深受資料粉喜愛。
我們先來看看這個Viz,作者按照禮物盒的構思製作,看上去很像一張賀卡。
精妙之處在於,當滑鼠停留在任何一種聖誕食材上,提示視窗都會通過一個條形圖來呈現價格走勢,資料分析結果非常直觀。
很多資料粉留言:像這個Viz一樣,那個工具提示裡出現的條形圖,該怎麼實現的呢?
——————————————————————————————————》》
本期《舉個例子》,阿達要給大家分享的Tableau技巧是:如何在工具提示裡顯示條形圖。
我們使用Tableau自帶的超市資料。先將類別拖至行,銷售額拖至文字中,建立出下圖:
接下來,需要實現:將滑鼠懸停每個類別時,能提示我近幾年各類別銷售額的柱形圖來對比檢視年度變化。
具體步驟如下:
一、寫計算公式
為了達到預期(比如選擇日期從11年到13年),首先需要將3個年份的銷售額單獨寫出來。計算公式如下:
接下來,再建立三個對應顯示柱形圖的欄位如下:
計算欄位含義
◆ LEFT返回指定字串開頭的字元數,這個指定的字串即:██,後面的函式主要起返回幾位字元數的作用;
◆ 這裡用了ROUND這個指定小數位數的欄位,後面那個/100000是為了降低百萬級別的銷售額,使ROUND函式發揮作用;
◆ 在實際場景中需要靈活應對,不然取的柱子的長短,就不會根據數量級接近但實際值有差距去相應變化了。
二、將欄位新增到詳細資訊
欄位建立好之後,需要將建立好的欄位全部新增到詳細資訊中。
將滑鼠懸停在度量值上時,會發現提示內容裡已經出現了柱圖。
但是,目前這樣並不方便我們去檢視具體資訊。我們繼續往下看:
三、優化提示內容
接下來,需要優化提示內容。
也可以給不同的年份標上不同的顏色(選中要標記顏色的欄位)。
Now,一個條形圖的工具提示就完成啦!
今天的Tableau小技巧,你Get到了嗎?趕快開啟你的Tableau,試試看吧!
其實,這種方法也可以運用在地圖上(如下圖)。有探索精神的資料粉們,自己動手嘗試一下吧!如果你做出來了,可以投稿給我們,我們會在《舉個例子》中將它分享給大家~
文章部分資訊來源於網路,如有侵權請告知
相關文章
- 舉個栗子!Tableau技巧(36):快速製作巢狀條形圖巢狀
- 舉個例子!Tableau技巧(27):如何在Tableau中用Python(技術乾貨,建議收藏)Python
- 舉個例子!Tableau技巧(19):教你輕鬆遷移License,再也不怕換電腦
- 小技巧:如何在Mac選單欄上顯示名字或者圖示Mac
- 在visual studio裡圖形化顯示陣列陣列
- POI 重疊、並列柱狀圖(條形圖),顯示資料,自定義顏色
- VC中給樹形控制元件的圖示加上工具提示 (轉)控制元件
- XManager:xshell顯示圖形化介面
- Android圖形顯示系統(一)Android
- vis.js工具提示3d圖形JS3D
- Tableau——資料前處理、折線圖、餅圖(環形圖)
- chrome瀏覽器-Toolbar工具條不顯示Chrome瀏覽器
- 顯示網路圖片變形的處理
- 舉個栗子!Tableau 技巧(75):使用計算實現在同一檢視切換相同分析維度的圖表...
- selenium 是否能獲取網頁裡出現的提示資訊?(如圖)網頁
- jquery 滑鼠移到圖片彈出浮動層顯示大圖片例子jQuery
- Android 12(S) 圖形顯示系統 - 開篇Android
- Android 開源圖片裁剪工具、圖片顯示工具分享Android
- 如何在 Sway 中設定多個顯示器
- 如何在 Android App 上高效顯示點陣圖AndroidAPP
- SecureCRT裡顯示中文Securecrt
- ABAP的語法高亮是如何在瀏覽器裡顯示的瀏覽器
- iOS開發 如何在Label中顯示圖片-圖文混排iOS
- 【Linux】Linux 配置VNC server 顯示圖形化桌面LinuxVNCServer
- echarts如何在每個柱狀圖上都顯示氣泡詳解(好看的柱狀圖)Echarts
- mysql查詢顯示技巧MySql
- 裝扮工具提示條 (轉)
- vis.js條形圖JS
- 表格顯示滾動條
- 數百個 HTML5 例子學習 HT 圖形元件 – 拓撲圖篇HTML元件
- win10系統如何在桌面顯示我的電腦等圖示Win10
- Android 12(S) 圖形顯示系統 - 示例應用(二)Android
- Android 12(S) 圖形顯示系統 - 基本概念(一)Android
- Android 12(S) 圖形顯示系統 - createSurface的流程(五)Android
- iOS開發如何在google地圖上顯示自己的位置iOSGo地圖
- 如何在前端顯示一個線上的ppt檔案前端
- Git 系列(五):三個 Git 圖形化工具Git
- 顯示地圖地圖