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

原作品的鏈接: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á)圖發(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
新增輔助用的計算字段
-
新建計算字段弧度(因為Tableau中的三角函數(shù)是用弧度計算的,這里直接套用弧度公式)
弧度=[角度]*PI()/180
增加弧度字段 新建字段半徑(能力值的上限是100,這里有4層,100/4=25,所以這里用層級乘25,結(jié)果為每層的半徑)
半徑=[雷達(dá)層級]*25

- 新增字段X,Y(這里就是直接套用的公式了,不懂的可以搜
極坐標(biāo)與直角坐標(biāo)的轉(zhuǎn)換)
X=[半徑]*cos([弧度])
Y=[半徑]*sin(弧度)
X,Y
拖出蛛網(wǎng)圖
-
將X,Y拖至行,列,重復(fù)兩次(只單獨復(fù)制X和Y也可以,都復(fù)制是為了理解得更清爽)
(一個坐標(biāo)軸畫圈層,另一個畫中間的軸,按Ctrl可直接復(fù)制,拖兩次也不復(fù)雜)拖放X,Y軸 -
分別點第二個X,Y的右方角標(biāo),選擇雙軸(類似于Excel的主次坐標(biāo)軸,實現(xiàn)兩個圖形的疊加)
坐標(biāo)軸疊加到這一步,坐標(biāo)軸部分已經(jīng)徹底完成了,只要依據(jù)坐標(biāo)點,繪制兩個圖形即可,步驟是不是有點過于詳細(xì)了
哈哈,下面就要開始快速繪圖了!_
-
將角度,雷達(dá)層級拖至維度
拖至維度 -
在標(biāo)記處,先將
自動改為線,再將維度中的角度和雷達(dá)層級分別拖至詳細(xì)信息和路徑
(可以看到我的界面里,標(biāo)記那里,我的默認(rèn)選在了總和(X)(2),如果不是也沒關(guān)系,點一下就行了,這里順序不重要,我們有兩個圖,兩個圖是交錯的)
雷達(dá)底圖1完成完成這一步,是不是感覺已經(jīng)要大功告成了,想要的圖形被拖出來了!
- 點選
總和(X),接下來與上面相同,只是順序換一換,即可完成雷達(dá)圖的底圖。
底圖制作完成
放開鼠標(biāo)的瞬間是不是爽爆了,終于出現(xiàn)了這個感人的蛛網(wǎng),而且制作過程還如此清爽,當(dāng)然,如果再美化一下就更清爽了
-
隱藏所有的標(biāo)題,鼠標(biāo)右擊坐標(biāo)軸和標(biāo)題,去掉勾選
顯示標(biāo)題,或點選隱藏標(biāo)題隱藏標(biāo)題
-
去除
網(wǎng)格線,零值線,分隔線,右鍵點擊圖表,選擇設(shè)置格式去除網(wǎng)格線
-
設(shè)置填充為無,默認(rèn)的填充通常是白色,會遮擋其他圖形
更改填充色
-
標(biāo)記區(qū)域,點擊大小,即可更改線條粗細(xì)
蛛網(wǎng)圖大功告成
到這里終于將蛛網(wǎng)圖全部完成了,雖然看著挺多的,其實熟練起來很快,而且很多步驟可以省略,比如新建的那些計算字段,直接新建X和Y寫公式就可以了,而且這公式估計是你目前能看到的教程里,最最最清爽的吧!
雷達(dá)圖數(shù)據(jù)層
看了上面超超超超級清爽的底圖步驟后,想必對數(shù)據(jù)層的制作也會有自己的思路吧,底圖的半徑是固定值,而數(shù)據(jù)的數(shù)據(jù)層的半徑,自然就是數(shù)據(jù)的值了。
-
新增計算字段角度:(跟上面一樣的角度,不過這里要按能力作為維度來設(shè)定角度)
CASE [能力] WHEN "傳球" THEN 0 WHEN "射門" THEN 60 WHEN "盤帶" THEN 120 WHEN "身體" THEN 180 WHEN "速度" THEN 240 WHEN "防守" THEN 300 END角度 新增字段X,Y(和前面底圖一樣的公式,只是將半徑換成了[數(shù)值])
X:[數(shù)值]*cos([角度]*180/PI())
Y:[數(shù)值]*sin([角度]*180/PI())-
將X,Y拖至行,列
image -
標(biāo)記改為
多邊形(這里就是跟上面底圖的區(qū)別了,蛛網(wǎng)圖是線,而數(shù)值是要通過多邊形顯示)
image -
將
姓名拖至顏色(不同顏色分類人物)
image -
角度拖至路徑(不同角度的去連線形成多邊形)
image -
能力拖至詳細(xì)信息(按能力作為維度區(qū)分不同值)
image -
將
能力拖至標(biāo)簽(由于多邊形不能直接添加標(biāo)簽,所以疊加一下其他圖即可,散點圖等其他圖形都是可以直接添加標(biāo)簽的,然后將顏色的不透明度設(shè)為0=完全透明,疊加的圖就消失了)
image -
最后添加一個
篩選器就好了
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)圖
- 作輔助表格,一列為蛛網(wǎng)層數(shù)(0—4),一列為角度(0—360)
- 新增計算字段
X=[蛛網(wǎng)層數(shù)]*25*cos([角度]*PI()/180)
Y=[蛛網(wǎng)層數(shù)]*25*sin([角度]*PI()/180) - 將
X拖至行,Y拖至列,復(fù)制一個X,或Y,設(shè)為雙軸,疊加在一起 -
標(biāo)記改為
線,并將角度和蛛網(wǎng)層數(shù)交錯拖至兩個圖表的詳細(xì)信息和路徑
外層雷達(dá)數(shù)據(jù)
制作方式同底圖步驟,只需將輔助半徑改為數(shù)值
- 新增計算字段角度
CASE [能力]
WHEN "傳球" THEN 0
WHEN "射門" THEN 60
WHEN "盤帶" THEN 120
WHEN "身體" THEN 180
WHEN "速度" THEN 240
WHEN "防守" THEN 300
END
新增字段X,Y,并將X,Y拖至行,列
X:[數(shù)值]*cos([角度]*180/PI())
Y:[數(shù)值]*sin([角度]*180/PI())標(biāo)記改為多邊形
將
姓名拖至顏色(不同顏色分類人物)角度拖至路徑(不同角度的去連線形成多邊形)能力拖至詳細(xì)信息(按能力作為維度區(qū)分不同值)復(fù)制一個X或Y,將數(shù)值拖至
標(biāo)簽,并將顏色不透明度設(shè)為0=完全透明
【注意】
底圖和數(shù)據(jù)層的坐標(biāo)軸要一致:最大最小刻度,X和Y軸方向
標(biāo)簽建議用
數(shù)值,能力放在底圖標(biāo)簽顯示更穩(wěn)定,網(wǎng)上的那個原圖的標(biāo)簽是都放數(shù)據(jù)層的,選中多個就沒法正常標(biāo)簽了
熟練后,其實簡單幾步就能大功告成,作為萌新的我做的這個面向萌新的教程可還好吧,哈哈!我也沒有公眾號引流啥的,只是將我學(xué)習(xí)遇到的問題,用了一個簡單的方法解決,并花時間分享給大家,如果覺得好,就請點贊、轉(zhuǎn)發(fā)、評論,讓更多人看到吧!


















