Excel圖表分布分析圖

Excel圖表分布分析圖商務(wù)數(shù)據(jù)可視化思維導(dǎo)圖MindMapping6.1.1直方圖的概念及適用場(chǎng)景第6章Excel圖表：分布分析圖6.1使用直方圖分析頻率分布直方圖（Histogram）是一種用來(lái)展示一組連續(xù)數(shù)據(jù)潛在的頻率分布的圖表，而數(shù)據(jù)分布的特點(diǎn)則體現(xiàn)在直方圖的形狀上。從直方圖數(shù)據(jù)分布的形狀、中心位置以及數(shù)據(jù)的離散程度等了解到數(shù)據(jù)的分布情況。6.1.1直方圖的概念及適用場(chǎng)景第6章Excel圖表：分布分析圖6.1使用直方圖分析頻率分布以下內(nèi)容是一組原始數(shù)據(jù)及其對(duì)應(yīng)的直方圖展現(xiàn)。圖6-1直方圖將數(shù)據(jù)分組展示6.1.1直方圖的概念及適用場(chǎng)景第6章Excel圖表：分布分析圖6.1使用直方圖分析頻率分布這里將年齡數(shù)據(jù)默認(rèn)切分成三個(gè)大的組別，在數(shù)據(jù)標(biāo)簽上顯示每個(gè)組別的頻數(shù)?？梢悦黠@看出，組別（bin）設(shè)置過(guò)大，需要改進(jìn)。如下圖6-2和6-3，在設(shè)置坐標(biāo)軸格式中更改“箱”的寬度至10.0，即組距調(diào)整為10.0。圖6-2設(shè)置坐標(biāo)軸格式示意圖圖6-3經(jīng)過(guò)組距改進(jìn)后更加合理化的直方圖6.1.1直方圖的概念及適用場(chǎng)景第6章Excel圖表：分布分析圖6.1使用直方圖分析頻率分布我們也可以將頻數(shù)轉(zhuǎn)換成頻率，用另一種指標(biāo)以直方圖度量相同數(shù)據(jù)，讀者可以自己嘗試一下。另外除了直接插入直方圖外，還有一種操作方法是點(diǎn)擊數(shù)據(jù)分析選項(xiàng)卡而后選中直方圖選項(xiàng)。這里要特別注意通過(guò)兩種途徑創(chuàng)建的直方圖在圖表設(shè)置上存在潛在的差異。6.1.1直方圖的概念及適用場(chǎng)景第6章Excel圖表：分布分析圖6.1使用直方圖分析頻率分布同時(shí)，如果使用柱形圖來(lái)反映每個(gè)分組中頻數(shù)，也十分直觀。圖6-4中的BIN表示每一個(gè)分組的上界值，NUM表示每一個(gè)組別中頻數(shù)是多少，需要手動(dòng)輸入。圖6-4[1]組界限與頻數(shù)信息圖6-4[2]三維柱形圖的圖表表示6.1.1直方圖的概念及適用場(chǎng)景第6章Excel圖表：分布分析圖6.1使用直方圖分析頻率分布直方圖和柱狀圖在外觀上非常近似，但是一些細(xì)節(jié)處不同，x軸和y軸的數(shù)據(jù)度量含義也是不同的。柱狀圖描述分類變量，直方圖描述數(shù)值變量；直方圖的x軸是一條線，柱狀圖的x軸是分類變量；柱狀圖是以矩形的長(zhǎng)度表示每一組頻數(shù)其寬度固定，利于較小的數(shù)據(jù)集分析；直方圖是以矩形的長(zhǎng)度表示每一組頻數(shù)，寬度則表示組距，是故標(biāo)準(zhǔn)的直方圖的高度與寬度均有意義，利于統(tǒng)計(jì)大量數(shù)據(jù)集的分布特征。同時(shí)可以注意到直方圖的各個(gè)矩形是連續(xù)的，柱狀圖的各個(gè)矩形相互之間有一定的間隔。6.1.1直方圖的概念及適用場(chǎng)景第6章Excel圖表：分布分析圖6.1使用直方圖分析頻率分布下圖6-5是一個(gè)二維柱狀圖的實(shí)例，描繪的是某產(chǎn)品的用戶體驗(yàn)反饋情況。讀者可以看出直方圖和柱狀圖的不同使用場(chǎng)景。圖6-5用戶產(chǎn)品滿意度柱形圖6.1.1直方圖的概念及適用場(chǎng)景第6章Excel圖表：分布分析圖6.1使用直方圖分析頻率分布除了用于表示分布情況外，直方圖還可以用于觀察異?；蚬铝?shù)據(jù)。6.1.2直方圖的形狀分析第6章Excel圖表：分布分析圖6.1使用直方圖分析頻率分布1、鐘形分布（Bell-shaped）：數(shù)據(jù)分布顯示為一個(gè)鐘形的形狀。最常見(jiàn)的鐘形分布是正態(tài)分布，也是最理想的數(shù)據(jù)分布狀態(tài)。但是鐘形分布的概念要廣得多，只要符合以下特點(diǎn)即可：“兩頭小，中間大”?？拷虚g變量比較集中，靠近兩邊的變量值比較稀少。圖6-6正態(tài)分布6.1.2直方圖的形狀分析第6章Excel圖表：分布分析圖6.1使用直方圖分析頻率分布2、雙峰分布（Bimodal-shaped）：雙峰分布，如同其名稱中所描述的，具有兩個(gè)峰值（Peaks）。這種分布的特點(diǎn)是具有數(shù)據(jù)在某一度量值上最集中的兩個(gè)區(qū)域，可以理解為具有兩個(gè)眾數(shù)。圖6-7雙峰分布6.1.2直方圖的形狀分析第6章Excel圖表：分布分析圖6.1使用直方圖分析頻率分布3、右偏分布（Skewed-right-shaped）：在數(shù)據(jù)圖的圖表展示中，偏態(tài)分布中左側(cè)觀測(cè)值個(gè)數(shù)多，而右邊的觀測(cè)值則少，稱之為右偏分布。在右偏分布下，數(shù)據(jù)統(tǒng)計(jì)指標(biāo)平均數(shù)（average）>中位數(shù)（median）>眾數(shù)（mode）。圖6-8右偏分布6.1.2直方圖的形狀分析第6章Excel圖表：分布分析圖6.1使用直方圖分析頻率分布4、左偏分布（Skewed-left-shaped）：在數(shù)據(jù)圖的圖表展示中，偏態(tài)分布中右側(cè)觀測(cè)值個(gè)數(shù)多，而左邊的觀測(cè)值則少，稱之為左偏分布。在左偏分布下，數(shù)據(jù)統(tǒng)計(jì)指標(biāo)平均數(shù)（average）<中位數(shù)（median）<眾數(shù)（mode）。圖6-9左偏分布6.1.2直方圖的形狀分析第6章Excel圖表：分布分析圖6.1使用直方圖分析頻率分布5、均勻分布（Uniform）：均勻分配，又稱均勻分布（Uniformdistribution），是一種簡(jiǎn)單的概率分布，其分為離散型均勻分布和連續(xù)型均勻分布兩種類型的機(jī)率分布。從下圖可以看出，并沒(méi)有什么有價(jià)值的差異化信息。均勻分布的例子有彩票，因?yàn)槠渲写蟛糠秩说墨@益值都是均等的。在多數(shù)情況下，數(shù)據(jù)的分布遵從均勻分布的概率分布，意味著存在不同來(lái)源的變量被合并的錯(cuò)誤可能；如不是此問(wèn)題導(dǎo)致的，還可以嘗試不同的分組準(zhǔn)則?？偟膩?lái)說(shuō)，均勻分布表明數(shù)據(jù)所分組類過(guò)少。圖6-10均勻分布6.1.2直方圖的形狀分析第6章Excel圖表：分布分析圖6.1使用直方圖分析頻率分布6、隨機(jī)分布（Random）：隨機(jī)分布，顧名思義，是沒(méi)有明顯的數(shù)據(jù)分布特征的；如同均勻分布一樣，它也是一個(gè)有多個(gè)峰值區(qū)域（眾數(shù)）的概率分布。隨機(jī)分布在大多數(shù)場(chǎng)合是很常見(jiàn)的，但是并不能很好地反映現(xiàn)實(shí)中的問(wèn)題，也就是這種概率分布對(duì)于進(jìn)一步理解數(shù)據(jù)是無(wú)作用的。往往是所分組別過(guò)多導(dǎo)致的。建議去除冗余的組別或者減少數(shù)據(jù)量，這是很有必要的。圖6-11隨機(jī)分布第6章Excel圖表：分布分析圖6.1使用直方圖分析頻率分布在數(shù)據(jù)可視化的實(shí)際操作中，我們要區(qū)別頻數(shù)分布直方圖和非標(biāo)準(zhǔn)的直方圖。圖6-12和圖6-13是螞蟻金服數(shù)據(jù)可視化團(tuán)隊(duì)AntV在實(shí)踐教程中所舉的例子。可以看出頻數(shù)分布直方圖和非標(biāo)直方圖在應(yīng)用時(shí)賦予它們的功能意義不同。如頻數(shù)分布直方圖是用相等組距內(nèi)的頻數(shù)來(lái)刻畫數(shù)據(jù)的分布的，而非標(biāo)直方圖無(wú)需這樣做，因?yàn)樗哪康膬H是直觀表示一組數(shù)據(jù)系列，也沒(méi)有其他預(yù)處理操作。圖6-12標(biāo)準(zhǔn)的直方圖——頻數(shù)分布直方圖6.1.2直方圖的形狀分析圖6-13非標(biāo)準(zhǔn)的直方圖6.1.3直方圖的繪制及應(yīng)用第6章Excel圖表：分布分析圖6.1使用直方圖分析頻率分布在直方圖的繪制步驟中，一方面要知曉整體的圖表建立思路，另一方面要學(xué)會(huì)如何優(yōu)化圖表的可視化，直到使之最大限度地呈現(xiàn)出直方圖的優(yōu)點(diǎn)，并且做到合理地使用數(shù)據(jù)，有必要時(shí)放棄一些影響整體效果的樣本。由于直方圖適合大樣本的數(shù)據(jù)研究，特別是頻數(shù)上的統(tǒng)計(jì)，因此選定了某一隨機(jī)抽樣的個(gè)體樣本的年齡、收入共同構(gòu)成本例的數(shù)據(jù)來(lái)源，并以此來(lái)分析不同年齡的群體在收入上是否存在系統(tǒng)性的差異。第6章Excel圖表：分布分析圖6.1使用直方圖分析頻率分布步驟一：首先獲取數(shù)據(jù)源。為了方便統(tǒng)計(jì)，對(duì)Income（單位為美元）作round（四舍五入）處理，使數(shù)據(jù)等比例縮小更易被觀察。為了試驗(yàn)性需要，對(duì)于Age列和Income列的數(shù)據(jù)使用了RANDBETWEEN()函數(shù)隨機(jī)化生成了所需的數(shù)據(jù)。發(fā)現(xiàn)雙擊列分割線處可以反復(fù)進(jìn)行隨機(jī)操作，進(jìn)一步為數(shù)據(jù)的動(dòng)態(tài)可視化打下基礎(chǔ)；需要讀者更改單元格中的數(shù)據(jù)類型，以固定隨機(jī)數(shù)據(jù)，見(jiàn)圖6-14。圖6-14樣本數(shù)據(jù)（RANDBETWEEN()函數(shù)隨機(jī)生成）6.1.3直方圖的繪制及應(yīng)用第6章Excel圖表：分布分析圖6.1使用直方圖分析頻率分布步驟二：選中Age數(shù)據(jù)列，插入一張初始的直方圖，見(jiàn)圖6-15。圖6-15年齡的各組頻數(shù)分布（初始）6.1.3直方圖的繪制及應(yīng)用第6章Excel圖表：分布分析圖6.1使用直方圖分析頻率分布步驟三：調(diào)整箱的寬度到合理的數(shù)值，得到一張完善后分組更細(xì)的直方圖。并加上數(shù)據(jù)標(biāo)簽使之更為美觀，見(jiàn)圖6-16。注：這里如果能獲取到足夠多的樣本，理想的情況是年齡呈正態(tài)概率分布，收入呈一個(gè)類指數(shù)分布。因?yàn)槭褂秒S機(jī)函數(shù)，所以可能數(shù)據(jù)分布并不是最理想。圖6-16年齡的各組頻數(shù)分布（改進(jìn)）6.1.3直方圖的繪制及應(yīng)用第6章Excel圖表：分布分析圖6.1使用直方圖分析頻率分布步驟四：選中Income(Rounded)數(shù)據(jù)列，生成一張直方圖，并調(diào)整箱大小，見(jiàn)圖6-17。圖6-17收入組頻數(shù)分布6.1.3直方圖的繪制及應(yīng)用第6章Excel圖表：分布分析圖6.1使用直方圖分析頻率分布步驟五：在調(diào)整組距的同時(shí)也可以設(shè)置一個(gè)溢出箱，將大于某一定值的數(shù)據(jù)全部放在同一個(gè)組中，如圖6-18所示。圖6-18溢出箱6.1.3直方圖的繪制及應(yīng)用6.2箱線圖的繪制及應(yīng)用6.2.1什么是四分位數(shù)第6章Excel圖表：分布分析圖6.2箱線圖的繪制及應(yīng)用四分位數(shù)（英語(yǔ)：Quartile）是統(tǒng)計(jì)學(xué)中分位數(shù)的一種，即把所有數(shù)值由小到大排列并分成四等份，處于三個(gè)分割點(diǎn)位置的數(shù)值就是四分位數(shù)。在根據(jù)未分組的數(shù)據(jù)確定四分位數(shù)時(shí)，首先要確定四分位數(shù)的位置。然后將變量數(shù)列總項(xiàng)數(shù)代入n，即可下四分位數(shù)、中位數(shù)和上四分位數(shù)。Q1的位置Q2的位置Q3的位置6.2.2箱線圖的結(jié)構(gòu)第6章Excel圖表：分布分析圖6.2箱線圖的繪制及應(yīng)用箱線圖（英文：Boxplot），也稱盒須圖、盒式圖、盒狀圖或箱形圖，是一種用作顯示一組數(shù)據(jù)分散情況資料的統(tǒng)計(jì)圖。因形狀如箱子而得名。在各種領(lǐng)域也經(jīng)常被使用，常見(jiàn)于品質(zhì)管理。箱形圖不受異常值的影響，準(zhǔn)確穩(wěn)定地描繪出數(shù)據(jù)的離散分布情況，對(duì)數(shù)據(jù)清洗也有幫助。6.2.2箱線圖的結(jié)構(gòu)第6章Excel圖表：分布分析圖6.2箱線圖的繪制及應(yīng)用比如當(dāng)回顧企業(yè)年度工作報(bào)告的時(shí)候，要檢查其中有無(wú)異常情況的出現(xiàn)，那么可以最為清晰地反映這一信息的便是箱線圖。圖6-19箱線圖的結(jié)構(gòu)6.2.2箱線圖的結(jié)構(gòu)第6章Excel圖表：分布分析圖6.2箱線圖的繪制及應(yīng)用上四分位數(shù)與下四分位數(shù)之間的差是盒子的長(zhǎng)度，即IQR=Q3-Q1?？梢允褂肐QR來(lái)判斷離群點(diǎn)。下限值min=Q1-1.5IQR，如果最小觀測(cè)值小于min，可用最小值來(lái)替換下限值。上限制max=Q3+1.5IQR，同樣也可以用最大值替換。所以會(huì)出現(xiàn)上下兩根線長(zhǎng)度不等的情形。如果觀測(cè)值大于平均值的偏差部分超過(guò)一組測(cè)定樣本數(shù)值的兩倍方差（精確來(lái)說(shuō)是2.7倍）則稱為組中的異常值。6.2.2箱線圖的結(jié)構(gòu)第6章Excel圖表：分布分析圖6.2箱線圖的繪制及應(yīng)用圖6-20結(jié)合了直方圖、箱線圖和置信區(qū)間估計(jì)的內(nèi)容，非常綜合實(shí)用。圖6-20圖表的結(jié)合使用6.2.2箱線圖的結(jié)構(gòu)第6章Excel圖表：分布分析圖6.2箱線圖的繪制及應(yīng)用我們?cè)賮?lái)看一次直方圖中的例題。如果用箱線圖來(lái)進(jìn)行數(shù)據(jù)的表達(dá)和展示，見(jiàn)圖6-21，雖然沒(méi)有大的謬誤，但是顯然不盡合理。箱線圖最大的作用是展示分類數(shù)據(jù)（比如時(shí)間序列數(shù)據(jù)）在每個(gè)類別中的離散點(diǎn)分布特征，而在下圖中只能看到一條線段，因?yàn)檫@里的縱坐標(biāo)是頻數(shù)并沒(méi)有具體到每個(gè)數(shù)據(jù)。圖6-21不適用箱線圖的場(chǎng)景6.2.3箱線圖的繪制方法第6章Excel圖表：分布分析圖6.2箱線圖的繪制及應(yīng)用通過(guò)分析諸如股票行情這樣的時(shí)序數(shù)據(jù)，介紹一下箱線圖的繪制方法。步驟一：輸入某連續(xù)兩天的股票部分股票成交記錄的實(shí)時(shí)價(jià)格（單位：元），見(jiàn)圖6-22。（此處同樣適用了randbetween()函數(shù)，為的是在已知當(dāng)日最大值和最小值的情況下隨機(jī)出一些記錄供實(shí)驗(yàn)）圖6-22連續(xù)兩天的股票實(shí)時(shí)成交價(jià)格節(jié)選6.2.3箱線圖的繪制方法第6章Excel圖表：分布分析圖6.2箱線圖的繪制及應(yīng)用步驟二：選中兩列數(shù)據(jù)并插入一張箱線圖，見(jiàn)圖6-23和6-24。圖6-24箱線圖的初始情況圖6-23點(diǎn)擊直方圖的下拉箭頭即可找到6.2.3箱線圖的繪制方法第6章Excel圖表：分布分析圖6.2箱線圖的繪制及應(yīng)用圖6-25設(shè)置數(shù)據(jù)系列格式步驟三：可以在設(shè)置數(shù)據(jù)系列格式中調(diào)整數(shù)據(jù)的顯示選項(xiàng)，比如顯示內(nèi)部值點(diǎn)、顯示中線等，見(jiàn)圖6-25。6.2.3箱線圖的繪制方法第6章Excel圖表：分布分析圖6.2箱線圖的繪制及應(yīng)用圖6-26改進(jìn)后的箱線圖步驟三：我們從圖6-26中可以看到四分位數(shù)和箱線圖是怎樣結(jié)合在一起的，同時(shí)也觀察到，如果在四分位數(shù)的運(yùn)算包含除中值的話，得出的箱線圖將會(huì)更符合標(biāo)準(zhǔn)的狀態(tài)。6.2.4從箱線圖看數(shù)據(jù)分布第6章Excel圖表：分布分析圖6.2箱線圖的繪制及應(yīng)用為了進(jìn)一步說(shuō)明箱線圖如何描繪各分組中的四分位數(shù)分布狀態(tài)，在這里以楊浦區(qū)2020/1二手房成交數(shù)據(jù)為案例，從箱線圖看數(shù)據(jù)可視化的分布。而箱線圖本身的四分位分類功能即可很好地滿足房?jī)r(jià)分段的需要。第6章Excel圖表：分布分析圖6.2箱線圖的繪制及應(yīng)用圖6-27樣本數(shù)據(jù)步驟一：整理?xiàng)钇指靼鍓K的二手房房?jī)r(jià)數(shù)據(jù)。為了簡(jiǎn)化模型只研究三個(gè)板塊各項(xiàng)目的最高單價(jià)，借此直觀上從反映板塊之間的價(jià)格差異。（項(xiàng)目的地段因素在這里不屬于考慮的范圍，故只是將同一板塊中的項(xiàng)目同等看待）三個(gè)板塊總共113條數(shù)據(jù)，格式如圖6-27。6.2.4從箱線圖看數(shù)據(jù)分布第6章Excel圖表：分布分析圖6.2箱線圖的繪制及應(yīng)用圖6-28從箱線圖看數(shù)據(jù)分布步驟二：選取全部數(shù)據(jù)，插入如下圖6-28的箱線圖。6.2.4從箱線圖看數(shù)據(jù)分布第6章Excel圖表：分布分析圖6.2箱線圖的繪制及應(yīng)用圖6-29優(yōu)化后更完整的箱線圖展示步驟三：數(shù)據(jù)分布如圖6-29所示?？傻贸鋈缦陆Y(jié)論：整體上鞍山的二手房單價(jià)要高于另兩個(gè)，體現(xiàn)在最大值和最小值上；鞍山的數(shù)據(jù)箱最寬，說(shuō)明含有各種等級(jí)的房源；黃興公園板塊沒(méi)有異常點(diǎn)，說(shuō)明價(jià)格穩(wěn)定，鞍山和東外灘各有兩個(gè)異常點(diǎn)；東外灘的數(shù)據(jù)箱最窄，說(shuō)明大體上的房屋類型是趨同的。6.2.4從箱線圖看數(shù)據(jù)分布6.3雷達(dá)圖的繪制與應(yīng)用6.3.1雷達(dá)圖的概念及使用場(chǎng)景雷達(dá)圖(radarchart)通常將三個(gè)或以上的數(shù)據(jù)值靠近中心點(diǎn)的距離進(jìn)行比較，以此來(lái)展現(xiàn)某一對(duì)象在各個(gè)屬性上的數(shù)值表現(xiàn)。當(dāng)不能直接比較各變量的時(shí)候，使用雷達(dá)圖很有幫助；雷達(dá)圖廣泛用于可視化員工表現(xiàn)分析或者調(diào)查問(wèn)卷的數(shù)據(jù)分析。第6章Excel圖表：分布分析圖6.3雷達(dá)圖的繪制及應(yīng)用6.3.1雷達(dá)圖的概念及使用場(chǎng)景第6章Excel圖表：分布分析圖6.3雷達(dá)圖的繪制及應(yīng)用圖6-31填充雷達(dá)圖樣例圖6-30普通雷達(dá)圖樣例6.3.2雷達(dá)圖的繪制及應(yīng)用第6章Excel圖表：分布分析圖圖6-32初始的雷達(dá)圖6.3雷達(dá)圖的繪制及應(yīng)用接著以六項(xiàng)指標(biāo)反映員工的綜合能力，講解一下雷達(dá)圖的繪制及應(yīng)用，這里需要用到輔助列。步驟一：準(zhǔn)備數(shù)據(jù)源，輸入各方面的能力分值，插入填充雷達(dá)圖，見(jiàn)圖6-32。6.3.2雷達(dá)圖的繪制及應(yīng)用第6章Excel圖表：分布分析圖圖6-33設(shè)置坐標(biāo)軸格式6.3雷達(dá)圖的繪制及應(yīng)用步驟二：點(diǎn)擊坐標(biāo)軸，選擇設(shè)置坐標(biāo)軸格式，更改最小值最大值為0~5中的一個(gè)數(shù)，見(jiàn)圖6-33、6-34和6-35。6.3.2雷達(dá)圖的繪制及應(yīng)用第6章Excel圖表：分布分析圖圖6-34更改了坐標(biāo)軸格式的雷達(dá)圖6.3雷達(dá)圖的繪制及應(yīng)用圖6-35更改文字顏色和背景顏色6.3.2雷達(dá)圖的繪制及應(yīng)用第6章Excel圖表：分布分析圖圖6-36添加輔助列6.3雷達(dá)圖的繪制及應(yīng)用步驟三：添加輔助列并應(yīng)用如下圖6-36的公式，將文字和數(shù)值結(jié)合。6.3.2雷達(dá)圖的繪制及應(yīng)用第6章Excel圖表：分布分析圖圖6-37最終雷達(dá)圖效果顯示6.3雷達(dá)圖的繪制及應(yīng)用步驟四：將輔助列選擇性粘貼到第一列上，自動(dòng)生成新的雷達(dá)圖，見(jiàn)圖6-37。6.4熱力數(shù)據(jù)圖6.4.1熱力分析熱力圖是以特殊高亮的形式顯示訪客熱衷的頁(yè)面區(qū)域或是訪客所在的地理位置的圖示。熱力分析，即應(yīng)用一種特殊高亮的顏色、數(shù)據(jù)標(biāo)注等，顯示頁(yè)面或頁(yè)面組區(qū)域中不同元素點(diǎn)擊密度、觸達(dá)率、停留分布等特征。反映該時(shí)刻人口的密度和區(qū)域人流量情況，讀者可從地圖類app如百度地圖中查看。第6章Excel圖表：分布分析圖6.4熱力數(shù)據(jù)圖第6章Excel圖表：分布分析圖圖6-38百度首頁(yè)的頁(yè)面區(qū)域熱力圖圖6-38顯示是百度首頁(yè)的頁(yè)面區(qū)域熱力圖，經(jīng)過(guò)熱力分析可以得出頁(yè)面訪問(wèn)的熱衷度情況。6.4.1熱力分析6.4熱力數(shù)據(jù)圖第5章Excel圖表：結(jié)構(gòu)分析圖熱力分析由于采用了可視化的設(shè)計(jì)思想和架構(gòu)，因此具有分析過(guò)程高效、效果直觀、易用的特點(diǎn)。以簡(jiǎn)潔直觀的操作方式，就能呈現(xiàn)熱點(diǎn)區(qū)域，幫助運(yùn)營(yíng)人員或產(chǎn)品人員做分析與決策。6.4.1熱力分析6.4熱力數(shù)據(jù)圖第6章Excel圖表：分布分析圖圖6-39九城的房?jī)r(jià)走勢(shì)情況熱力圖有多種繪制方法，有的需要借助第三方插件，本節(jié)將以房?jī)r(jià)走勢(shì)情況介紹最基本的一種，在后面會(huì)具體介紹借助其他工具的作圖方法。步驟一：獲取數(shù)據(jù)源，此時(shí)所有的數(shù)據(jù)堆在一起難以分辨具體的走勢(shì)情況，見(jiàn)圖6-39。6.4.2熱力圖的繪制與應(yīng)用6.4熱力數(shù)據(jù)圖第6章Excel圖表：分布分析圖圖6-40條件格式步驟二：選中某一列數(shù)據(jù)→“條件格式”→“色階”，見(jiàn)圖6-40。6.4.2熱力圖的繪制與應(yīng)用6.4熱力數(shù)據(jù)圖第6章Excel圖表：分布分析圖圖6-41管理規(guī)則如果對(duì)色階的顏色不滿意，可以在“管理規(guī)則”中修改，見(jiàn)圖6-41和6-42。6.4.2熱力圖的繪制與應(yīng)用6.4熱力數(shù)據(jù)圖圖6-42漸變顏色的修改第6章Excel圖表：分布分析圖步驟三：使用“格式刷”覆蓋剩下的列，見(jiàn)圖6-43。6.4.2熱力圖的繪制與應(yīng)用6.4熱力數(shù)據(jù)圖圖6-43使用格式刷將條件覆蓋至剩余的列第6章Excel圖表：分布分析圖6.4.2熱力圖的繪制與應(yīng)用6.4熱力數(shù)據(jù)圖圖6-44隱藏?cái)?shù)據(jù)步驟四：美化階段，可以選擇將數(shù)據(jù)隱藏，選中所有單元格→右鍵點(diǎn)擊“設(shè)置單元格格式”→找到自定義并輸入三個(gè)分號(hào)。同時(shí)可以在“邊框”中添加白色框線，見(jiàn)圖6-44。第6章Excel圖表：分布分析圖最后就能得到下圖6-45的結(jié)果。6.4.2熱力圖的繪制與應(yīng)用6.4熱力數(shù)據(jù)圖圖6-45熱力圖成品第6章Excel圖表：分布分析圖我們可以根據(jù)主要城市的房?jī)r(jià)走勢(shì)看出房?jī)r(jià)的淡旺季以及價(jià)格分布情況。在每年的6、7月份房?jī)r(jià)最低，可能是由于氣溫升高導(dǎo)致客戶缺少看房的興致與熱情，或是市場(chǎng)剛經(jīng)歷一波旺季，在夏天時(shí)已經(jīng)趨于平穩(wěn)，客戶的消化使得買房需求量下降。而每年的2、3月由于年前一些買房的客戶回老家耽擱了業(yè)務(wù)，在年后回來(lái)會(huì)有一波需求的集中釋放，需求量增大也會(huì)使得市場(chǎng)價(jià)格上揚(yáng)。經(jīng)過(guò)本例相信讀者也能體會(huì)到熱力圖的主要應(yīng)用場(chǎng)景，即適合展示含有熱度的數(shù)據(jù)情況（點(diǎn)擊量、成交量、訪問(wèn)量等）。6.4.2熱力圖的繪制與應(yīng)用6.4熱力數(shù)據(jù)圖6.5概率密度分布——正態(tài)曲線與區(qū)間分布6.5.1正態(tài)分布的概念和公式第5章Excel圖表：結(jié)構(gòu)分析圖6.5概率密度分布——正態(tài)曲線與區(qū)間分布正態(tài)分布（Normaldistribution），也稱“常態(tài)分布”，又名高斯分布（Gaussiandistribution），是一個(gè)在數(shù)學(xué)、物理及工程等領(lǐng)域都非常重要的概率分布，在統(tǒng)計(jì)學(xué)的許多方面有著重大的影響力。若隨機(jī)變量X服從一個(gè)位置參數(shù)為μ、尺度參數(shù)為σ的概率分布，且其概率密度公式如下時(shí)，這個(gè)隨機(jī)變量X就稱為正態(tài)隨機(jī)變量，其服從的分布就是正態(tài)分布，記作X~N(μ，σ2)。此外，當(dāng)μ=0，σ=1時(shí)，正態(tài)分布就成為標(biāo)準(zhǔn)正態(tài)分布。第5章Excel圖表：結(jié)構(gòu)分析圖6.5概率密度分布——正態(tài)曲線與區(qū)間分布正態(tài)曲線呈鐘型，兩頭低，中間高，左右對(duì)稱因其曲線呈鐘形，因此人們又經(jīng)常稱之為鐘形曲線。6.5.2正態(tài)分布和正態(tài)曲線根據(jù)曲線圖像我們可以看出正態(tài)曲線的三個(gè)圖形特征：集中性：正態(tài)曲線的高峰位于正中央，即均值所在的位置。對(duì)稱性：正態(tài)曲線以均值為中心（且在該值時(shí)取到最大值），左右對(duì)稱，曲線兩端永遠(yuǎn)不與橫軸相交。均勻變動(dòng)性：正態(tài)曲線由均值所在處開始，分別向左右兩側(cè)逐漸均勻下降。第6章Excel圖表：分布分析圖6.5.2正態(tài)分布和正態(tài)曲線6.5概率密度分布——正態(tài)曲線與區(qū)間分布第6章Excel圖表：分布分析圖上節(jié)中已經(jīng)提到，正態(tài)分布涉及均值和標(biāo)準(zhǔn)差兩個(gè)參數(shù)，因此在繪制正態(tài)曲線時(shí)我們不僅需要數(shù)據(jù)源，還要根據(jù)統(tǒng)計(jì)的方法計(jì)算出一些指標(biāo)。通常情況下涉及評(píng)分、成績(jī)的數(shù)據(jù)都以正態(tài)分布為主，故本節(jié)以員工的績(jī)效評(píng)分為例講述使用組合圖繪制正態(tài)曲線的方法。6.5.3插入組合圖以折線圖展示正態(tài)曲線圖表6.5概率密度分布——正態(tài)曲線與區(qū)間分布第6章Excel圖表：分布分析圖步驟一：獲取數(shù)據(jù)源，并根據(jù)如圖6-47給出的公式計(jì)算出一系列指標(biāo)。6.5.3插入組合圖以折線圖展示正態(tài)曲線圖表6.5概率密度分布——正態(tài)曲線與區(qū)間分布圖6-47數(shù)據(jù)源以及指標(biāo)計(jì)算第6章Excel圖表：分布分析圖步驟二：對(duì)數(shù)據(jù)進(jìn)行分組（實(shí)際分組時(shí)可能和計(jì)算出來(lái)的值有所差異），直到最大值覆蓋完整個(gè)數(shù)據(jù)，同時(shí)計(jì)算出頻率（落在區(qū)間范圍內(nèi)的個(gè)數(shù)），具體的計(jì)算方法為：首先選中想要輸出結(jié)果的單元格區(qū)域，再根據(jù)公式計(jì)算出頻率（本題中為=FREQUENCY(B2:B26,D2:D7)，逗號(hào)前為數(shù)據(jù)列，逗號(hào)后為分隔列）。接著同時(shí)按下Ctrl,Shift和Enter即可得到如下圖6-48的結(jié)果。6.5.3插入組合圖以折線圖展示正態(tài)曲線圖表6.5概率密度分布——正態(tài)曲線與區(qū)間分布圖6-48頻率輔助列的計(jì)算方法第6章Excel圖表：分布分析圖步驟三：根據(jù)公式（這里為=NORM.DIST(D2,H$5,H$6,0)）計(jì)算正態(tài)分布概率密度。NORM.DIST()函數(shù)的用法為NORM.DIST(x,mean,standard_dev,cumulative)。其中：x選用分組邊界值，mean為計(jì)算出的數(shù)據(jù)算術(shù)平均數(shù)，standard_dev為數(shù)據(jù)的標(biāo)準(zhǔn)方差，cumlative為邏輯值，取0時(shí)返回概率密度函數(shù)。經(jīng)過(guò)計(jì)算后得到如下圖6-49的結(jié)果。6.5.3插入組合圖以折線圖展示正態(tài)曲線圖表6.5概率密度分布——正態(tài)曲線與區(qū)間分布圖6-49計(jì)算概率密度函數(shù)第6章Excel圖表：分布分析圖步驟四：選中頻率一列，“插入”→“二維柱形圖”，在“設(shè)置數(shù)據(jù)系列格式”中將“間距”改為0，并添加邊框顏色，見(jiàn)圖6-50。6.5.3插入組合圖以折線圖展示正態(tài)曲線圖表6.5概率密度分布——正態(tài)曲線與區(qū)間分布圖6-49計(jì)算概率密度函數(shù)第6章Excel圖表：分布分析圖步驟五：右擊圖表，在彈出的快捷菜單中點(diǎn)擊“選擇數(shù)據(jù)”，找到“添加”處，將計(jì)算出的概率密度值添加至圖表中。添加完后“更改圖表類型”→找到“組合圖”，在正態(tài)曲線一欄中勾選“次坐標(biāo)軸”以及“折線圖”，見(jiàn)圖6-51。6.5.3插入組合圖以折線圖展示正態(tài)曲線圖表6.5概率密度分布——正態(tài)曲線與區(qū)間分布圖6-51組合圖選擇方法第6章Excel圖表：分布分析圖步驟六：選中正態(tài)曲線，“設(shè)置數(shù)據(jù)系列格式”，選擇“平滑線”，就能得到正態(tài)曲線了，如圖6-52所示。6.5.3插入組合圖以折線圖展示正態(tài)曲線圖表6.5概率密度分布——正態(tài)曲線與區(qū)間分布圖6-52正態(tài)曲線成品商務(wù)應(yīng)用分析6.66.6.1案例一：工廠分時(shí)段完成零件個(gè)數(shù)統(tǒng)計(jì)6.6商務(wù)應(yīng)用分析【背景材料】：已知某工廠員工在不同時(shí)間段平均完成零件個(gè)數(shù)統(tǒng)計(jì)表，分析得出員工完成零件個(gè)數(shù)受不同時(shí)間段的影響有多大，即在各個(gè)時(shí)間段員工完成零件個(gè)數(shù)的分布情況。第6章Excel圖表：分布分析圖6.6.1案例一：工廠分時(shí)段完成零件個(gè)數(shù)統(tǒng)計(jì)6.6商務(wù)應(yīng)用分析第6章Excel圖表：分布分析圖【分析過(guò)程】：步驟一：收集數(shù)據(jù)，得到的原始數(shù)據(jù)如圖6-53所示。圖6-53原始數(shù)據(jù)6.6.1案例一：工廠分時(shí)段完成零件個(gè)數(shù)統(tǒng)計(jì)6.6商務(wù)應(yīng)用分析第6章Excel圖表：分布分析圖步驟二：選擇數(shù)據(jù)，在“插入”中選擇“箱形圖”。在這里我們會(huì)發(fā)現(xiàn)，如果選擇的數(shù)據(jù)過(guò)多，則箱形圖會(huì)失去它原有的形狀。這時(shí)可以使用一個(gè)小技巧，先選擇少數(shù)數(shù)據(jù)生成箱形圖，再擴(kuò)充選擇更多的數(shù)據(jù)見(jiàn)圖6-54。圖6-54生成箱形圖6.6.1案例一：工廠分時(shí)段完成零件個(gè)數(shù)統(tǒng)計(jì)6.6商務(wù)應(yīng)用分析第6章Excel圖表：分布分析圖步驟三：適當(dāng)對(duì)圖標(biāo)進(jìn)行美化。添加上圖表的圖例，設(shè)置數(shù)據(jù)系列格式，顯示內(nèi)部點(diǎn)、離群值點(diǎn)、平均值標(biāo)記和中線等，使得圖表更完整，形成最終圖表，見(jiàn)圖6-55。圖6-55最終圖表箱形圖6.6.1案例一：工廠分時(shí)段完成零件個(gè)數(shù)統(tǒng)計(jì)6.6商務(wù)應(yīng)用分析第6章Excel圖表：分布分析圖由圖6-55可以分析得出，不同的時(shí)間段工人們完成零件個(gè)數(shù)有較大的差異，在早晨的時(shí)間段里工人們的效率較高，完成的零件個(gè)數(shù)也較高，其中最佳的工作時(shí)間是10-11點(diǎn)和13-14點(diǎn)，而效率最差的時(shí)間段是臨近下班的時(shí)間段，說(shuō)明工作了一天后員工們十分疲憊，精力下降導(dǎo)致完成零件個(gè)數(shù)急劇下降。同時(shí)也能發(fā)現(xiàn)完成個(gè)數(shù)的多少有一定的波動(dòng)規(guī)律，高效率工作一小時(shí)后下一小時(shí)的效率會(huì)降低，而再下一個(gè)小時(shí)效率又會(huì)提高。工廠可以參考以上分析結(jié)果，給予員工適當(dāng)?shù)男菹r(shí)間，來(lái)提升員工的效率。6.6.2案例二：使用條件格式構(gòu)建熱力圖6.6商務(wù)應(yīng)用分析【背景材料】：已知2020年全國(guó)分地區(qū)連鎖餐飲企業(yè)基本情況，見(jiàn)圖6-56。第6章Excel圖表：分布分析圖圖6-562020年全國(guó)分地區(qū)連鎖餐飲企業(yè)基本情況6.6.2案例二：使用條件格式構(gòu)建熱力圖6.6商務(wù)應(yīng)用分析【分析過(guò)程】：利用條件格式繪制熱力圖可以根據(jù)6.4.2的步驟，即選中某一列數(shù)據(jù)→“條件格式”→“色階”，繪制出如圖6-57的熱力圖。第6章Excel圖表：分布分析圖圖6-57利用色階繪制熱力圖6.6.2案例二：使用條件格式構(gòu)建熱力圖6.6商務(wù)應(yīng)用分析由圖6-57可以看出，雖然可以明確哪幾個(gè)城市的總店數(shù)、門店總數(shù)、年末餐飲營(yíng)業(yè)面積、營(yíng)業(yè)額這四個(gè)指標(biāo)最高，但是卻不夠直觀，并不能清晰知道各城市之間的差距有多少。因此對(duì)于類似的數(shù)據(jù)，可以選擇另一種表現(xiàn)方式——數(shù)據(jù)條。第6章Excel圖表：分布分析圖6.6.2案例二：使用條件格式構(gòu)建熱力圖6.6商務(wù)應(yīng)用分析首先，選中某一列數(shù)據(jù)→“條件格式”→“數(shù)據(jù)條”，見(jiàn)圖6-58。第6章Excel圖表：分布分析圖圖6-58條件格式——數(shù)據(jù)條6.6.2案例二：使用條件格式構(gòu)建熱力圖6.6商務(wù)應(yīng)用分析利用同樣的方式，可以將所有列都用“數(shù)據(jù)條”表示，最終效果見(jiàn)圖6-59。第6章Excel圖表：分布分析圖圖6-59條件格式——數(shù)據(jù)條6.6.2案例二：使用條件格式構(gòu)建熱力圖6.6商務(wù)應(yīng)用分析如果需要調(diào)整格式規(guī)則或者美化圖表，可以按照自己的需求在如圖6-60和圖6-61中設(shè)置。其中格式樣式包括雙色刻度、三色刻度、數(shù)據(jù)條、圖表集。第6章Excel圖表：分布分析圖圖6-60格式規(guī)則6.6.2案例二：使用條件格式構(gòu)建熱力圖6.6商務(wù)應(yīng)用分析如果需要調(diào)整格式規(guī)則或者美化圖表，可以按照自己的需求在如圖6-60和圖6-61中設(shè)置。其中格式樣式包括雙色刻度、三色刻度、數(shù)據(jù)條、圖表集。第6章Excel圖表：分布分析圖圖6-61格式規(guī)則——數(shù)據(jù)集6.6.2案例二：使用條件格式構(gòu)建熱力圖6.6商務(wù)應(yīng)用分析如果對(duì)色階的顏色不滿意，或者需要編輯以及刪除規(guī)則，可以在“管理規(guī)則”中修改，見(jiàn)圖6-62。第6章Excel圖表：分布分析圖圖6-62條件格式規(guī)則管理器CSS高級(jí)選擇器基于HTML5的網(wǎng)頁(yè)設(shè)計(jì)及應(yīng)用章節(jié)概述/

Summary選擇器是CSS中一個(gè)重要的內(nèi)容，在第4章中已經(jīng)介紹了CSS基本選擇器，這些選擇器基本上能夠滿足設(shè)計(jì)者的常規(guī)要求。本章介紹CSS中的高級(jí)選擇器(屬性選擇器、關(guān)系選擇器、偽類和偽元素選擇器)，使用這些選擇器可以更加靈活地對(duì)頁(yè)面中的元素進(jìn)行選擇，從而極大地提高設(shè)計(jì)者書寫和修改樣式的效率。目錄/Contents0102屬性選擇器關(guān)系選擇器03偽類與偽元素選擇器學(xué)習(xí)目標(biāo)/Target掌握CSS關(guān)系選擇器的寫法及含義，能達(dá)到靈活使用掌握CSS偽類與偽元素選擇器的含義與使用方法掌握CSS屬性選擇器的寫法及含義，能達(dá)到靈活使用屬性選擇器6.1

在HTML文件中可以為元素添加各種各樣的屬性，利用這些屬性可以對(duì)元素進(jìn)行相應(yīng)設(shè)置。

在CSS中可以根據(jù)元素的屬性及屬性值來(lái)選擇相應(yīng)的元素，從而構(gòu)成屬性選擇器。6.1屬性選擇器

屬性選擇器的寫法及含義如表6-1所示。

6.1屬性選擇器

表

6-1

中的屬性選擇器的E元素可以省略，表示可以匹配滿足條件的任意元素。例如：[class="hots"]{color:red;}表示將class屬性值為hots的任何元素的文字設(shè)置為紅色。關(guān)系選擇器6.2

關(guān)系選擇器是根據(jù)頁(yè)面元素之間的關(guān)系而產(chǎn)生的，主要包含子元素選擇器和兄弟選擇器。6.2關(guān)系選擇器子元素選擇器由符號(hào)“>”連接，主要用來(lái)選擇某個(gè)元素的第一級(jí)子元素。兄弟選擇器用來(lái)選擇與某元素位于同一父元素之中，且位于該元素之后的相鄰兄弟元素或所有兄弟元素。

關(guān)系選擇器是根據(jù)頁(yè)面元素之間的關(guān)系而產(chǎn)生的，主要包含子元素選擇器和兄弟選擇器(相鄰兄弟元素和普通兄弟元素)。6.2關(guān)系選擇器子元素選擇器由符號(hào)“>”連接，主要用來(lái)選擇某個(gè)元素的第一級(jí)子元素。例如：

body>div{background-color:pink;}表示將body元素中第一級(jí)子元素div的背景顏色設(shè)置為粉色，其中body元素與div元素之間是父子關(guān)系，只能選擇到子元素div。

關(guān)系選擇器是根據(jù)頁(yè)面元素之間的關(guān)系而產(chǎn)生的，主要包含子元素選擇器和兄弟選擇器(相鄰兄弟選擇器和普通兄弟選擇器)。6.2關(guān)系選擇器相鄰兄弟選擇器由符號(hào)“+”連接前后兩個(gè)選擇器，選擇器中的兩個(gè)元素是位于同一個(gè)父元素之中的兄弟元素，而且后面的元素緊跟在前面元素的后面。例如：

p+div{background-color:pink;}表示將p元素后面緊相鄰的兄弟元素div的背景顏色設(shè)置為粉色。

關(guān)系選擇器是根據(jù)頁(yè)面元素之間的關(guān)系而產(chǎn)生的，主要包含子元素選擇器和兄弟選擇器(相鄰兄弟選擇器和普通兄弟選擇器)。6.2關(guān)系選擇器普通兄弟選擇器由符號(hào)“~”連接前后兩個(gè)選擇器，選擇器中的兩個(gè)元素是位于同一個(gè)父元素之中的兄弟元素，而且后面的元素要位于前面元素的后面。例如：

p~div{background-color:pink;}表示將p元素后面所有兄弟元素div的背景顏色設(shè)置為粉色。創(chuàng)建一個(gè)網(wǎng)頁(yè)，初始效果圖所示。6.2關(guān)系選擇器案例演示<!doctypehtml><html><head><metacharset="utf-8"/><title>關(guān)系選擇器</title><styletype="text/css"></style></head><body><p>子元素選擇器</p><div><p>我在div元素里面</p><div>子塊1</div><div>子塊2</div></div><p>相鄰兄弟選擇器</p><div><p>我在div元素里面</p><div>子塊1</div><div>子塊2</div></div><p>普通兄弟選擇器</p><div><p>我在div元素里面</p><div>子塊1</div><div>子塊2</div></div></body></html>在上面頁(yè)面中利用關(guān)系選擇器添加如下CSS樣式，顯示效果如圖所示。6.2關(guān)系選擇器案例演示<styletype="text/css">

body>p{font-size:20px;width:200px;background-color:rgba(0,0,255,0.5);}

div>p{background-color:yellow;}

body>p+div{width:200px;height:120px;background-color:pink;}

div>p~div{width:60px;height:60px;margin:5px;background-color:red;float:left;}

div>p+div{background-color:#ccc;}

*>p{color:red;}

div>*{font-family:"黑體";font-weight:bold;}</style>圖2應(yīng)用樣式后的效果偽類與偽元素選擇器6.3

6.3偽類與偽元素選擇器

偽類與偽元素選擇器可以為HTML文檔中不一定具體存在的結(jié)構(gòu)指定樣式，或者根據(jù)某些元素的特殊狀態(tài)來(lái)選取元素并指定樣式。換言之，偽類與偽元素選擇器會(huì)根據(jù)某種條件而非文檔結(jié)構(gòu)來(lái)為文檔中的某些部分應(yīng)用樣式，這兩種選擇器有自己的特征，也有自己的語(yǔ)法規(guī)則。

6.3.1偽類選擇器

CSS中常用的偽類選擇器有如