Tableau雷達(dá)圖制作——這可能是你能看到最詳盡,最清爽,最感人的教程!

作為想入行數(shù)據(jù)分析的萌新,我也是查了一下,發(fā)現(xiàn)教程基本都是比較簡要的,要不只是扔一堆復(fù)雜的公式,要不就是簡單幾步跳過了(當(dāng)然也有簡單的插圖片等方式),并沒有一個能讓萌新秒懂的,于是自己下了一個案例之后,開始了仿制,并將原有的復(fù)雜公式和多個輔助圖,精簡為清爽簡單的公式一次成型,花了這么多時間做這個,也算是呆在家找不到工作的消遣吧,順便看看能不能給其他萌新提供幫助。
【PS】希望有數(shù)據(jù)分析大神看到,能求教一下數(shù)據(jù)分析

數(shù)據(jù)說明

原圖

image-20200605174457308

原作品的鏈接:https://public.tableau.com/profile/jiangbin#!/vizhome/Radardiagramexample/sheet0?publish=yes

數(shù)據(jù)類型

序號 字段名稱 備注
1 姓名
2 年齡
3 俱樂部
4 國籍
5 身高
6 位置
7 總評
8 能力 分為6類
9 數(shù)值 0-100

分為兩個版本詳解講解所有過程與思路
有基礎(chǔ)的,請直接跳至最下方【極簡清爽版】
上面是給純萌新的【超詳解動圖版】,如果看完超詳解動圖還有疑問,可以看【超超超詳解思路】

超詳解動圖版(純萌新看這里)

繪制蛛網(wǎng)底圖

雷達(dá)圖底圖

輔助表格

萌新建議用輔助表格,清晰簡單。

  • 首先觀察雷達(dá)圖發(fā)現(xiàn),要分為6個維度及4層蛛網(wǎng)
  • 創(chuàng)建一列
    雷達(dá)層級=0,1,2,3,4
    (原點也是要畫的,所以要從0開始)
  • 創(chuàng)建一列
    角度=0,60,120,180,240,300,360
    (最后0和360重合,為了最后與原點連成線)
  • 通過兩列笛卡爾積,最終輔助表格如下
    (隨意使用什么方式作出如下表格,都很容易吧)
雷達(dá)四分位 角度
0 0
0 60
0 120
0 180
0 240
0 300
0 360
1 0
1 60
1 120
1 180
1 240
1 300
1 360
2 0
2 60
2 120
2 180
2 240
2 300
2 360
3 0
3 60
3 120
3 180
3 240
3 300
3 360
4 0
4 60
4 120
4 180
4 240
4 300
4 360

完成后,將表格導(dǎo)入Tableau

新增輔助用的計算字段

  1. 新建計算字段弧度(因為Tableau中的三角函數(shù)是用弧度計算的,這里直接套用弧度公式)
    弧度=[角度]*PI()/180

    增加弧度字段

  2. 新建字段半徑(能力值的上限是100,這里有4層,100/4=25,所以這里用層級乘25,結(jié)果為每層的半徑)
    半徑=[雷達(dá)層級]*25

半徑
  1. 新增字段X,Y(這里就是直接套用的公式了,不懂的可以搜極坐標(biāo)與直角坐標(biāo)的轉(zhuǎn)換)
    X=[半徑]*cos([弧度])
    Y=[半徑]*sin(弧度)
    X,Y

拖出蛛網(wǎng)圖

  1. X,Y拖至行,列,重復(fù)兩次(只單獨復(fù)制X和Y也可以,都復(fù)制是為了理解得更清爽)
    (一個坐標(biāo)軸畫圈層,另一個畫中間的軸,按Ctrl可直接復(fù)制,拖兩次也不復(fù)雜)

    拖放X,Y軸
  2. 分別點第二個X,Y的右方角標(biāo),選擇雙軸(類似于Excel的主次坐標(biāo)軸,實現(xiàn)兩個圖形的疊加)

    坐標(biāo)軸疊加

    到這一步,坐標(biāo)軸部分已經(jīng)徹底完成了,只要依據(jù)坐標(biāo)點,繪制兩個圖形即可,步驟是不是有點過于詳細(xì)了
    哈哈,下面就要開始快速繪圖了!_


  3. 角度,雷達(dá)層級拖至維度

    拖至維度
  4. 標(biāo)記處,先將自動改為,再將維度中的角度雷達(dá)層級分別拖至詳細(xì)信息路徑
    (可以看到我的界面里,標(biāo)記那里,我的默認(rèn)選在了總和(X)(2),如果不是也沒關(guān)系,點一下就行了,這里順序不重要,我們有兩個圖,兩個圖是交錯的)

    雷達(dá)底圖1完成

    完成這一步,是不是感覺已經(jīng)要大功告成了,想要的圖形被拖出來了!

  1. 點選總和(X),接下來與上面相同,只是順序換一換,即可完成雷達(dá)圖的底圖。
    底圖制作完成

放開鼠標(biāo)的瞬間是不是爽爆了,終于出現(xiàn)了這個感人的蛛網(wǎng),而且制作過程還如此清爽,當(dāng)然,如果再美化一下就更清爽了


  1. 隱藏所有的標(biāo)題,鼠標(biāo)右擊坐標(biāo)軸和標(biāo)題,去掉勾選顯示標(biāo)題,或點選隱藏標(biāo)題

    隱藏標(biāo)題
  1. 去除網(wǎng)格線,零值線,分隔線,右鍵點擊圖表,選擇設(shè)置格式

    去除網(wǎng)格線
  1. 設(shè)置填充,默認(rèn)的填充通常是白色,會遮擋其他圖形

    更改填充色
  1. 標(biāo)記區(qū)域,點擊大小,即可更改線條粗細(xì)

    蛛網(wǎng)圖大功告成

到這里終于將蛛網(wǎng)圖全部完成了,雖然看著挺多的,其實熟練起來很快,而且很多步驟可以省略,比如新建的那些計算字段,直接新建X和Y寫公式就可以了,而且這公式估計是你目前能看到的教程里,最最最清爽的吧!


雷達(dá)圖數(shù)據(jù)層

看了上面超超超超級清爽的底圖步驟后,想必對數(shù)據(jù)層的制作也會有自己的思路吧,底圖的半徑是固定值,而數(shù)據(jù)的數(shù)據(jù)層的半徑,自然就是數(shù)據(jù)的值了。

  1. 新增計算字段角度:(跟上面一樣的角度,不過這里要按能力作為維度來設(shè)定角度)

    CASE [能力]
    WHEN "傳球" THEN 0
    WHEN "射門" THEN 60
    WHEN "盤帶" THEN 120
    WHEN "身體" THEN 180
    WHEN "速度" THEN 240
    WHEN "防守" THEN 300
    END
    
    角度
  2. 新增字段X,Y(和前面底圖一樣的公式,只是將半徑換成了[數(shù)值]
    X[數(shù)值]*cos([角度]*180/PI())
    Y[數(shù)值]*sin([角度]*180/PI())

  3. X,Y拖至行,列

    image

  4. 標(biāo)記改為多邊形(這里就是跟上面底圖的區(qū)別了,蛛網(wǎng)圖是線,而數(shù)值是要通過多邊形顯示)

    image

  5. 姓名拖至顏色(不同顏色分類人物)

    image

  6. 角度拖至路徑(不同角度的去連線形成多邊形)

    image

  7. 能力拖至詳細(xì)信息(按能力作為維度區(qū)分不同值)

    image

  8. 能力拖至標(biāo)簽(由于多邊形不能直接添加標(biāo)簽,所以疊加一下其他圖即可,散點圖等其他圖形都是可以直接添加標(biāo)簽的,然后將顏色的不透明度設(shè)為0=完全透明,疊加的圖就消失了)

    image

  9. 最后添加一個篩選器就好了

    image

  10. 到這里圖形就出來了,再按需求美化一下即可。

image

超詳細(xì)版思路(已理解的可跳過)

由于發(fā)這個貼的目的是從純萌新角度出發(fā),所以力求思路清晰完整,雖然我也是萌新,但我認(rèn)為思路比看一些演示重要,下面歸納上面的操作思路,
【注意】這一款注意側(cè)重于詳細(xì)的思路,幫助還有不理解的萌新理解整個過程,因為上面已經(jīng)有超詳細(xì)步驟加動圖了,所以下面就只文字?jǐn)⑹?,不適應(yīng)長文閱讀的,順便加強一下閱讀能力吧。哈哈~

  • 目標(biāo)是雷達(dá)圖,首先要考慮圖形的疊加,固定的背景圖與可變的數(shù)據(jù)圖,至少兩個圖層
  • 制作圖形的時候,Tableau是支持散點圖和線圖的切換,也就是只要畫出對應(yīng)的散點圖
  • 進(jìn)一步的可以思考,畫散點圖的時候,是用直角坐標(biāo)系描述點的位置的,因此要轉(zhuǎn)換為極坐標(biāo)系
  • 假設(shè)是連極坐標(biāo)系也不太懂的,可以自己嘗試簡單推一下公式,畫一個坐標(biāo)軸,畫一個直角三角形用中學(xué)知識就可以進(jìn)行推到了,重點就是三角函數(shù)
  • 在極坐標(biāo)系下,是以半徑和角度來描述坐標(biāo),而不是X,Y,同時,數(shù)學(xué)里X,Y轉(zhuǎn)換到極坐標(biāo)系的公式為X=R·cosθ,Y=R·sinθ,雷達(dá)圖的半徑就是數(shù)據(jù)大小,不用求,因此只需要得到角度即可
  • 角度其實可以很簡單的通過 360/雷達(dá)圖維度數(shù)量,計算得知,自己創(chuàng)建一列就行了
  • 然后打開公式輸入,tableau是有函數(shù)提示功能的,可以看到上面寫到以弧度計量,因此需要將我們算出來的角度轉(zhuǎn)換為弧度,這里就用到弧度與角度的轉(zhuǎn)換公式弧度=角度*π/180,這個公式也很好記,π=180°,所以右邊其實就是乘1,角度不變,只是從角度寫法變成了小數(shù)(即弧度制),因為π是用小數(shù)表示的,這里用法有點像很多公式里,*100%一樣,只是把格式變動一下。
  • 到這里就通過兩次公式,X,Y計算需要的半徑與弧度,直接在坐標(biāo)系中畫出對應(yīng)三點圖即可,其實整個過程推到一遍后挺簡單的,主要是為了思路講的夠詳細(xì),所以寫了很多字,實際操作中,半徑已知,X,Y套一個公式取到,兩步搞定。
  • 有對應(yīng)的X,Y后,我們剩下的工作就是畫散點圖了,上面我們已經(jīng)有了角度,360/維度,得到(0,60,120,180,240,300)或(60,120,180,240,300,360),畫線圖的時候,如果0/360只有一個的話,是不能連在一起的,如到300°就停了,因此要加一個角度,(0,60,120,180,240,300,360)
  • 接下來就思考半徑了,如本例中蛛網(wǎng)設(shè)定為4層,因此就有4個半徑,對應(yīng)4組角度。同時我們還需要原點,最簡單的方法,半徑為0,即為原點了,因此還要增加一個0半徑,因此半徑為(0,1,2,3,4),且每個半徑對應(yīng)一組角度。
  • 最后就是創(chuàng)建散點圖,然后更改為線圖。蛛網(wǎng)分成兩種連線方式,一種是同角度不同半徑的點連成線,成為軸;另一種是同半徑不同角度的點,連成圈。
  • 所以要兩組對應(yīng)的X,Y軸疊加,詳細(xì)信息,一個為角度,一個為半徑
  • 然將標(biāo)記更改自動。分別將半徑角度拖入路徑
  • 到這里就完全搞定了。

極簡清爽版(有基礎(chǔ)的看)

底層蛛網(wǎng)圖

  1. 作輔助表格,一列為蛛網(wǎng)層數(shù)(0—4),一列為角度(0—360)
  2. 新增計算字段
    X=[蛛網(wǎng)層數(shù)]*25*cos([角度]*PI()/180)
    Y=[蛛網(wǎng)層數(shù)]*25*sin([角度]*PI()/180)
  3. X拖至Y拖至,復(fù)制一個X,或Y,設(shè)為雙軸,疊加在一起
  4. 標(biāo)記改為,并將角度蛛網(wǎng)層數(shù)交錯拖至兩個圖表的詳細(xì)信息路徑

外層雷達(dá)數(shù)據(jù)

制作方式同底圖步驟,只需將輔助半徑改為數(shù)值

  1. 新增計算字段角度
CASE [能力]
WHEN "傳球" THEN 0
WHEN "射門" THEN 60
WHEN "盤帶" THEN 120
WHEN "身體" THEN 180
WHEN "速度" THEN 240
WHEN "防守" THEN 300
END
  1. 新增字段X,Y,并將X,Y拖至行,列
    X[數(shù)值]*cos([角度]*180/PI())
    Y[數(shù)值]*sin([角度]*180/PI())

  2. 標(biāo)記改為多邊形

  3. 姓名拖至顏色(不同顏色分類人物)

  4. 角度拖至路徑(不同角度的去連線形成多邊形)

  5. 能力拖至詳細(xì)信息(按能力作為維度區(qū)分不同值)

  6. 復(fù)制一個X或Y,將數(shù)值拖至標(biāo)簽,并將顏色不透明度設(shè)為0=完全透明


【注意】

  1. 底圖和數(shù)據(jù)層的坐標(biāo)軸要一致:最大最小刻度,X和Y軸方向

  2. 標(biāo)簽建議用數(shù)值,能力放在底圖標(biāo)簽顯示更穩(wěn)定,網(wǎng)上的那個原圖的標(biāo)簽是都放數(shù)據(jù)層的,選中多個就沒法正常標(biāo)簽了


熟練后,其實簡單幾步就能大功告成,作為萌新的我做的這個面向萌新的教程可還好吧,哈哈!我也沒有公眾號引流啥的,只是將我學(xué)習(xí)遇到的問題,用了一個簡單的方法解決,并花時間分享給大家,如果覺得好,就請點贊、轉(zhuǎn)發(fā)、評論,讓更多人看到吧!

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

友情鏈接更多精彩內(nèi)容