【TableauViz-搬運】在Tableau中制作曲線條形圖

本文搬運自國外tableau大神原創(chuàng)文章Toan Hoang:知名Tableau大神,數(shù)據(jù)可視化自由職業(yè)者和Tableau Magic的創(chuàng)始人,薩爾薩舞教練,鋼琴演奏者,技術愛好者和程序員。

大神鎮(zhèn)樓,助我日日更新,向Viz挑戰(zhàn)賽沖刺~

在他休息的時候,他曾經(jīng)發(fā)布過在各種各樣的網(wǎng)站上搜集的很酷的可視化作品(為啥我休息的時候不行= =),是的,他真的瀏覽了很多網(wǎng)頁。(soga~)其中一個就是曲線條形圖,但是,除了用當時的Sigmoid 函數(shù),他將帶我們嘗試一些不一樣的東西~(我的好奇心讓我繼續(xù)看下去了)
先來上一張最終效果圖吧 O(∩_∩)O

image.png

PS:這是一種另類的數(shù)據(jù)可視化,有時是由客戶推動的。所以在將其部署到生產(chǎn)系統(tǒng)之前,請始終查看一下可視化的最佳實踐方式~

照例,在做之前,我想描述一下曲線條形圖的使用場景:表達維度的數(shù)量差異,當然,與傳統(tǒng)柱狀圖不同的是,曲線的方式讓讀者的視覺感受更佳和諧平緩。

奧利給!開始~~~

數(shù)據(jù)

在本例中,我們將使用Tableau Desktop/Tableau Public中的示例-超市數(shù)據(jù)源。
一旦你將數(shù)據(jù)載入到Tableau中,右鍵數(shù)據(jù)源,點擊編輯數(shù)據(jù)源,打開數(shù)據(jù)源編輯器,粘貼如下字段。
不建議這么做,在本例中最好的方式是到excel中增加一個sheet,粘貼如下字段和值,原因是保存的時候粘貼過來的數(shù)據(jù)會丟失= =,至少我實踐了三次是這樣的,求高人指點~

路徑
0
100

你應該會發(fā)現(xiàn)報錯,因為這里沒有可連接的列。但是,點擊增加一個新的連接字段,創(chuàng)建連接計算,輸入1然后點擊確定。等號右邊也是一樣。確保你選擇的是內連接,你應該看到如下效果:

image.png

PS:每個國家我們需要兩條記錄,因為我們要繪制曲線,使用密集化會讓我們再畫布中增加更多的點。想了解更多信息,請查看關于數(shù)據(jù)密集化的文章.

計算字段

當數(shù)據(jù)源載入Tableau中后,我們將創(chuàng)建如下計算字段參數(shù)數(shù)據(jù)桶

創(chuàng)建距離參數(shù)
  • 設置參數(shù)名稱距離
  • 設置數(shù)據(jù)類型整數(shù)
  • 設置當前值為5
  • 點擊確定
    image.png
創(chuàng)建路徑數(shù)據(jù)桶
  • 右鍵路徑字段,創(chuàng)建數(shù)據(jù)桶
  • 編輯數(shù)據(jù)桶窗口
    • 設置新的字段名稱路徑(數(shù)據(jù)桶)
    • 設置數(shù)據(jù)桶大小為1
    • 點擊確定
      image.png
創(chuàng)建計算字段

索引

(INDEX()-1)/10

地區(qū)索引

INDEX()*[距離]

中點銷售額

WINDOW_SUM(SUM(銷售額))/2

中點標記

IF [索引] = 5 THEN
[中點銷售額]
ELSE
0
END

X

[索引]+[地區(qū)索引]

Y

IF [索引] < WINDOW_MAX([索引])/2 THEN
EXP([索引])-1
ELSE
EXP(WINDOW_MAX([索引]-0.1)-[索引])-1
END * [中點銷售額]

你可以嘗試一些不同的函數(shù),為了好玩,讓我知道你的發(fā)現(xiàn)~

當你完成以上步驟,讓我們開始創(chuàng)建數(shù)據(jù)可視化吧~

工作表

我們將建立第一個工作表:

  • 改變標記類型多邊形
  • 拖動地區(qū)字段到顏色標記卡上
  • 拖動路徑(數(shù)據(jù)桶)詳細信息
    • 右鍵單擊該字段,確保已勾選顯示缺失的值
    • 拖動該字段到路徑標記上
  • 拖動X
    • 右鍵該字段,選擇使用路徑(數(shù)據(jù)桶)
  • 拖動Y
    • 右鍵該字段,選擇使用路徑(數(shù)據(jù)桶)

如果一切順利,你應該看到如下的效果:


image.png

現(xiàn)在,我們要調整一下X的表計算:

  • 右鍵X選擇編輯表計算
    • 設置嵌套計算,選擇地區(qū)索引
      • 設置計算依據(jù)特定維度
      • 確保只有地區(qū)被勾選
image.png

如果一切順利,你的曲線條形圖跟下面的效果應該差不多啦~


image.png

現(xiàn)在,我們馬上就要完成啦!?。?/p>

  • 隱藏軸標題
  • 降低多邊形的顏色透明度為 50%
  • 編輯工具提示

其實,你可以想怎么調整就怎么調整,但是你的結果應該跟下圖差不多:


image.png

試著調整一下距離參數(shù),看看你能想到什么。完成啦!你可以再Tableau Public中找到他的可視化,鏈接傳送門:https://public.tableau.com/profile/toan.hoang#!/vizhome/CurvedBarChartVariation_15847377353000/CurvedBarChartVariation

總結

PS:如果你看原創(chuàng)鏈接,會發(fā)現(xiàn)最后一步增加標簽的操作,but可能是大神的操作有什么玄妙之處,我無法按他的方式顯示標簽= =,如果你可以弄出來,歡迎與我交流!
(借用一下大神的語言吧~)
我希望你們都能享受這篇搬運,并且一如既往地分享這份愛~

PS:Tableau小白搬運,歡迎關注,一起學習,一起交流~

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容