?

本文完整代碼及數(shù)據(jù)已上傳至Github倉(cāng)庫(kù)https://github.com/CNFeffery/FefferyViz

?

1 簡(jiǎn)介

最近幾個(gè)月一是工作繁忙，二是將業(yè)余的注意力多數(shù)放在Dash系列教程的撰寫上，因此費(fèi)老師我已經(jīng)很久很久很久沒有更新過「在模仿中精進(jìn)數(shù)據(jù)可視化」系列文章了??，今天繼續(xù)第9期~

我們今天要繪制的數(shù)據(jù)可視化作品，靈感來(lái)源于DT財(cái)經(jīng)某篇文章的一幅插圖，原圖如下：

這幅圖其實(shí)可以說(shuō)是柱狀蝴蝶圖的一種變種，用極坐標(biāo)系代替平面坐標(biāo)系，左上和右下彼此分離相對(duì)的半圓均以逆時(shí)針方向?qū)?shù)據(jù)排行進(jìn)行帶色彩映射的可視化，非常的美觀，容易給人留下深刻的印象。

而今天的文章我們換個(gè)數(shù)據(jù)源，基于近3個(gè)月「股票型」以及「?jìng)汀?/strong>基金各自漲幅的前十名數(shù)據(jù)（數(shù)據(jù)來(lái)源東方財(cái)富網(wǎng)），來(lái)基于matplotlib使用同樣的方式進(jìn)行表達(dá)。

2 復(fù)刻過程

2.1 拆解主要視覺元素

其實(shí)這幅作品繪制起來(lái)主要的難度在于極坐標(biāo)系下很多matplotlib涉及到的API都比較冷門，如果是對(duì)matplotlib不太熟悉的朋友可能會(huì)感覺無(wú)從下手。

按照慣例，我們先來(lái)拆解一下這幅圖的主要構(gòu)圖元素：

• 「分離的兩部分半圓區(qū)域」

這幅作品中的主體區(qū)域當(dāng)數(shù)左上及右下區(qū)域?qū)?yīng)的兩個(gè)半圓，它們之間是存在一定寬度的間隔，因此我們需要?jiǎng)?chuàng)建兩個(gè)極坐標(biāo)系子圖，并調(diào)整位置，形成彼此相對(duì)的樣子，我們可以先使用plt.subplots()開辟畫布，再針對(duì)畫布對(duì)應(yīng)Figure對(duì)象執(zhí)行add_axes()方法調(diào)整位置，插入polar=True的極坐標(biāo)子圖。

再配合set_xlim()、set_ylim()，以及極坐標(biāo)系子圖專有的set_thetagrids()、set_rgrids和set_theta_offset()來(lái)完成限定圓形顯示的角度范圍、半徑范圍，自定義網(wǎng)格線以及修改旋轉(zhuǎn)角度等作用，這一步后形成圖2：

• 「利用fill_between()來(lái)映射數(shù)據(jù)」

接下來(lái)我們就需要將數(shù)據(jù)映射到極坐標(biāo)系中，可以選擇「柱狀圖」或「面積填充」的方式進(jìn)行繪制，我這里為了操作自由度更高，選擇配合fill_between()來(lái)基于面積填充進(jìn)行映射（調(diào)色盤方案基于palettable），因?yàn)槭菢O坐標(biāo)系，所以對(duì)應(yīng)傳入的參數(shù)變成了角度范圍和半徑序列，配合一些額外線條和白色填充后，效果如下：

• 「文字標(biāo)注」

因?yàn)槲覀兊幕饠?shù)據(jù)中，基金的名稱普遍較長(zhǎng)，且我還希望標(biāo)注出每個(gè)扇形區(qū)域?qū)?yīng)的漲幅數(shù)額，因此我使用環(huán)繞型的文字標(biāo)注方式，基于matplotlib的text()方法，結(jié)合每個(gè)扇形區(qū)域的對(duì)應(yīng)角度范圍，在循環(huán)過程中推導(dǎo)出標(biāo)注文字的旋轉(zhuǎn)角度，這一步后得到的效果如下：

這一步需要注意的是，matplotlib中text()在旋轉(zhuǎn)時(shí)，其針對(duì)水平和豎直方向?qū)R方式，在極坐標(biāo)系中有些要注意的地方，我在上圖中設(shè)置了參數(shù)rotation_mode='anchor'，它幫助我們「先旋轉(zhuǎn)文字，再對(duì)齊」，如果不加這個(gè)參數(shù)，會(huì)「先對(duì)齊再旋轉(zhuǎn)」，得到的效果會(huì)很混亂：

2.2 完成復(fù)刻

在上述拆解的基礎(chǔ)上，加上一些對(duì)細(xì)節(jié)的補(bǔ)充，便得到下面的作品：

完整數(shù)據(jù)及代碼你可以在文章開頭的Github倉(cāng)庫(kù)中對(duì)應(yīng)找到。

以上就是本文的全部?jī)?nèi)容，歡迎在評(píng)論區(qū)與我進(jìn)行交流討論~