舉個例子!Tableau技巧(37):如何在工具提示裡顯示條形圖

weixin_34054866發表於2018-05-03

去年的聖誕節,我們分享了一篇《資料聖誕節:視覺化的兩種範兒》,圖文中有一種圖表的呈現,深受資料粉喜愛。

我們先來看看這個Viz,作者按照禮物盒的構思製作,看上去很像一張賀卡。

10136054-31eae328220c52fe.jpg

精妙之處在於,當滑鼠停留在任何一種聖誕食材上,提示視窗都會通過一個條形圖來呈現價格走勢,資料分析結果非常直觀。

10136054-70d6486284ec5813.png

很多資料粉留言:像這個Viz一樣,那個工具提示裡出現的條形圖,該怎麼實現的呢?

——————————————————————————————————》》

本期《舉個例子》,阿達要給大家分享的Tableau技巧是:如何在工具提示裡顯示條形圖。

我們使用Tableau自帶的超市資料。先將類別拖至行,銷售額拖至文字中,建立出下圖:

10136054-14c46f3f20c7d04a.jpg

接下來,需要實現:將滑鼠懸停每個類別時,能提示我近幾年各類別銷售額的柱形圖來對比檢視年度變化。

具體步驟如下:

一、寫計算公式

為了達到預期(比如選擇日期從11年到13年),首先需要將3個年份的銷售額單獨寫出來。計算公式如下:

10136054-d3904b6e80c61985.jpg

接下來,再建立三個對應顯示柱形圖的欄位如下:

10136054-9402aabb2f95feac.jpg

計算欄位含義

◆ LEFT返回指定字串開頭的字元數,這個指定的字串即:██,後面的函式主要起返回幾位字元數的作用;

◆ 這裡用了ROUND這個指定小數位數的欄位,後面那個/100000是為了降低百萬級別的銷售額,使ROUND函式發揮作用;

◆ 在實際場景中需要靈活應對,不然取的柱子的長短,就不會根據數量級接近但實際值有差距去相應變化了。

二、將欄位新增到詳細資訊

欄位建立好之後,需要將建立好的欄位全部新增到詳細資訊中。

10136054-0f2d68cacbbd6b40.jpg

將滑鼠懸停在度量值上時,會發現提示內容裡已經出現了柱圖。

10136054-371a67d015c9118e.jpg

但是,目前這樣並不方便我們去檢視具體資訊。我們繼續往下看:

三、優化提示內容

接下來,需要優化提示內容。

10136054-6ef4c63b125732e3.jpg

也可以給不同的年份標上不同的顏色(選中要標記顏色的欄位)。

10136054-d12e90b5cf4659bb.jpg

Now,一個條形圖的工具提示就完成啦!

10136054-d2a51567800bed03.jpg

今天的Tableau小技巧,你Get到了嗎?趕快開啟你的Tableau,試試看吧!

其實,這種方法也可以運用在地圖上(如下圖)。有探索精神的資料粉們,自己動手嘗試一下吧!如果你做出來了,可以投稿給我們,我們會在《舉個例子》中將它分享給大家~

10136054-7845ea811bd1d1f5.jpg

文章部分資訊來源於網路,如有侵權請告知

相關文章