html树状图右侧_树状图及制作方法(Excel 2016/Excel 2013)
↑↑↑關注ExcelEasy,讓Excel更簡單
樹狀圖是一種展示層次結構數據的圖表,可以很好的揭示各類別數據的比例關系及類別內數據的組成結構。今天為大家詳細介紹一下樹狀圖的制作方法
樹狀圖在Excel 2016中是一種內置的基本圖表類型,可以直接插入。而在Excel 2013及以前的版本中并沒有相應的功能。我們分別介紹在Excel 2016和Excel 2013中如何制作樹狀圖
樹狀圖介紹
作為一種展示具有層次結構數據的圖表,樹狀圖早已經在數據分析領域流行了多年,在Excel 2016中,微軟終于把它作為一個基本圖表類型內置了。我們先看一下樹狀圖的數據:數據很簡單,只要有一列數值,其他列都是分類,而且這些分類之間具有層次關系,在上圖中,大類,中類,小類構成了一個逐級包含的層次關系,我們就可以用它來做樹狀圖:
圖表中通過顏色分為3部分,分別代表不同的3個大類:女裝,男裝,童裝。在每個大類內部分別展示了各小類的構成。每一個分塊的面積占比就代表了銷量的實際占比。Excel 2016中的做法
在Excel 2016中,制作樹狀圖很簡單。首先,鼠標選中數據區域的任意單元格,點擊“插入”選項卡下的“圖表”組右下角箭頭,打開“插入圖表”對話框:
在“插入圖表”對話框中,點擊“所有圖表”選項卡,在左側選擇“樹狀圖”:
點擊確定后,插入圖表:
修改格式跟我們介紹過的其他圖表類似,作為參考,這里列出在演示圖表中我用到的設置:
- 字體:微軟雅黑
字號:小類標簽為9,大類標簽為12,粗體
- 顏色:女裝為#cc0000,男裝為#006097,童裝為#fa8240。
1.?添加數量標簽
樹狀圖缺省就帶有標簽,顯示了類別,如果想顯示數量,可以選中標簽,然后點擊鼠標右鍵,在菜單中點擊“設置數據標簽格式:”在右側面板中,勾選標簽包括的內容中的“值”:
你可能注意到了,這里的選項比其他圖表的選擇少多了?。2. 區分大類和小類
缺省的標簽中大類和小類是沒法從字體字號上區分的。標簽是這樣的:每個色塊左下角是小類標簽,整個顏色區域左上角是大類標簽。要想修改大類標簽以便與小類標簽區別開來,你可以手動修改:先點擊一下任意標簽,選中了所有的標簽,然后再次點擊大類標簽,就可以選中單獨的大類標簽:
這樣你就可以修改這個標簽的格式了。3.?設置填充顏色
本來修改填充顏色很簡單。但是樹狀圖跟其他圖表不同。這個最大的不同就是所有的用不同顏色標注的都是一個系列!!!都是一個系列!!!都是一個系列!!!如果你像處理其他圖表一樣,點一下黃色區域,然后修改顏色,你就會把所有的色塊變成同樣的顏色:
這是一個很奇怪的設置。看圖例,完全是不同的系列用不同的顏色顯示。但是實際不是,那些不同的顏色是同一個系列中不同的數據點。你需要首先點擊一下某個色塊,選中整個系列,然后再次點擊這個色塊,選中這個顏色代表的數據點:
然后,你就可以修改顏色了。4. 只能顯示兩級層次。
有朋友可能注意到了,盡管我們的數據中有三級:大類,中類,小類,但是圖表中只展示了大類和小類。這就是樹狀圖的限制,只能展示兩級。想來也有道理,如果展示多級,圖表就會過于復雜,導致沒法讀圖了。5. 只有一個系列
前面我們說那些看似不同顏色的色塊并不是多個系列,而是同一系列中的不同的數據點。這里要強調的是樹狀圖有且只有這一個系列。
當然,你可以像普通圖表一樣添加一個系列,比如銷售額:
點擊確定后,也確實添加成功了:
注意看,調整系列順序的上下箭頭是灰色的。說明這個系列Excel是不承認的??。
點擊圖表后,圖表中也沒有任何變化。下面介紹在Excel 2013中如何使用樹狀圖。需要強調的是,這個樹狀圖與剛才介紹的Excel 2016中的內置樹狀圖并不太一樣。在Excel 2016中也可以使用這個方法制作樹狀圖。
Excel 2013中的做法
在Excel 2013內置的圖表中并沒有樹狀圖。如果你在Excel 2016中做了這個圖表,然后用Excel 2013打開這個文件,在原來的圖表區域,就會出現下面的情況:要想在Excel 2013中使用樹形圖,我們就需要使用插件。
我們前面介紹過在Excel 2013中使用插件的例子,當時介紹的是如何使用地圖展示數據(詳細介紹看這里)。今天我們仍然從應用商店下載一個插件。1. 下載插件
下載插件前,你需要有一個微軟賬號(免費的即可,不一定要購買Office 365等產品),然后在Excel中登錄:在“插入”選項卡下點擊“應用商店”:
在應用商店中搜索“treemap”,找到“Tree Data Map”,然后點擊“添加”:
在“插入”選項卡中的“我的應用”中就會出現“Tree Data Map”:
2. 使用Tree Data?Map
這個樹狀圖做出的樹狀圖與Excel 2016的樹狀圖不太一樣,各有特色吧。但是使用比較簡單。點擊“插入”選項卡的“我的應用”中的Tree Data Map,在工作表中會添加如下圖所示的對象:
這個插件對數據的要求跟Excel 2016樹狀圖的要求不太一樣,我們點擊右上角倒數第二個按鈕“Insert Sample Data”看一下:
可以看到,首先在Excel中插入了一個示例數據表,然后插入了一個樹狀圖:
3. 對數據的要求
這個樹狀圖也要求數據分為兩個級別:父級和子級。同時,要求數據必須有四列,這四列有一定的順序要求:第一列必須是子級
第二列必須是父級
第三列必須是作圖的數值
第四列是顏色值
圖表也?不太相同。首先看到的圖表是父級的分布:
點擊任意父級色塊,就會顯示該父級下面的所有子級的分布:
鼠標停留在子級色塊上面,就會出現該子級的數值。(討厭的是,同時會顯示顏色值)。
色塊的顏色是根據數據表中的第四列的數值變化的。具體采用什么顏色是從你一開始界面中設定的顏色來的:
在這里你設定了兩個顏色,插件在根據這兩個顏色生成漸變顏色,然后根據你定義的數值分別相應的顏色。
比如,在我們上面的設定下,同樣的數據,顏色就變成下面這種了:
在任意子級色塊上點擊鼠標右鍵,就會回到所有父級分布的圖表。
很簡單,對吧!???總結
如果你有Excel 2016及以后的版本,建議直接用內置的樹狀圖就好了。當然,如果你合作的同事還在用Excel 2013的話,那么用這個插件會比較好。這個插件做出的圖表可以交互,相對來說在某些場景下比較有優勢。
取得本文模板文件的方式:
關注本公眾號
點擊底部菜單“聯系客服”,與客服取得聯系,索取“樹形圖”模板文件
總結
以上是生活随笔為你收集整理的html树状图右侧_树状图及制作方法(Excel 2016/Excel 2013)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: hive 元数据 自定义_Hive中的用
- 下一篇: jquery中如何表达本页网址_jque