推薦一個做圖表的網站 “圖表秀”

平時工作中經常會遇到需要做圖表、PPT彙報分析，但做圖表不僅僅是把資料轉換成圖的形式展示，還要考慮排版，樣式等很多方面，用圖表製作的網站能省不少事兒，網站內有預設好的樣例，把資料改一改就ok。

如果想更美觀一些，可以更改配色方案，更改屬性等。圖表做好以後 可以選擇 圖片、PDF、PPT等格式匯出，也可以直接分享。最重要的是 它做出來的是動態互動圖表，瞬間高大上了有木有！！

資料圖表是PPT中不可缺少的組成部分，但大家最常用的就是餅圖、柱形圖或折線圖。然而，這些普通的資料圖表大家未免審美疲勞，是否有一些更有創意的資料圖表呢？

有的，但是創意圖表設計起來有一定的難度，需要大家耐心學習、動手實踐才能做的出來，但花點時間一次性做好，以後就可以直接套用了，只需修改資料即可。

接下來列舉的七個創意圖表較有代表性，可以拓寬我們的視野。

1

用堆積柱形圖巧繪鉛筆資料圖表

圖表效果如圖5.1-1所示。其特點是：更改圖表資料時，該折線圖會自動顯示最大值和最小值。

▲圖5.1-1

設計的技術要點是：①藉助最值函式的設計是讓最值自動顯示的關鍵；②對面積色塊、折線線條及數字標記進行格式設計。

第一步、繪製組合圖表。透過【插入】→【圖表】→【組合】→將系列1-系列3的圖表型別都設定為“帶資料標記的折線圖”。如圖5.1-2所示。

▲圖5.1-2

第二步、資料及函式設計。右擊圖表→【編輯資料】，系列1根據需要修改名稱，系列2名稱改為「最大值」，系列3改為「最小值」，並分別在首行設定函式，其中：

最大值函式為：

=IF(MAX(B2:B2)=MAX($B$2:$B$13),MAX($B$2:$B$13),NA())，

最小值函式為：

=IF(MIN(B2:B2)=MIN($B$2:$B$13),MIN($B$2:$B$13),NA())，

設定完後，再下拉即可，如圖5.1-3所示。

▲圖5.1-3

函式的技術概要是：首先，函式中$符號表示鎖定了行號和列號，下拉拖動不會自動改變；其次NA()這個函式生成錯誤值#N/A，錯誤值在圖表中不顯示；再次，整個函式的意思是：如果該行系列1中的數值是整個系列1中的最大值，則顯示這個數值，否則生成錯誤值#N/A。

第三步、設定折線圖格式。雙擊圖表中的折線，自動跳出【設定資料系列格式】，選擇油漆桶，勾選【平滑線】，線條粗細設為2.25磅；再單擊折線的節點，選擇油漆桶，選擇【標記】→【資料標記選項】，單擊【內建】，並設定預設的內建圓環的大小為10，並設定【填充】的顏色為幻燈片背景的顏色，同時設定【邊框】的寬度為2.25磅。如圖5.1-4所示。

▲圖5.1-4

第四步、新增最值的資料標籤。此時，最大值和最小值應該就是一個圓點，右擊圓點，單擊【新增資料標籤】，即為最值添加了資料標籤。同時，並適當設定字型的字型、大小和色彩。如果選不中最值圓點，可以右擊圖表，在選框中選擇。如圖5.1-5所示。

▲圖5.1-5

第五步、繪製微立體襯底。先繪製圓形，無邊框，顏色填充為RGB（242,242,242）；再設定陰影為40%透明度黑色，模糊4磅，角度45°，距離1磅；接下來，頂部稜臺選“角度”，寬度4.5磅，高度1磅，材料選擇“柔邊緣”。如圖5.1-6所示。

▲圖5.1-6

第六步、新增微立體襯底。選中微立體襯底，按【Ctrl+C】複製，再單擊最值圓點，按【Ctrl+V】貼上，即給最值添加了微立體襯底，同時設定【標籤位置】為居中。如此，全部設計完成。

利用同樣的方法還可以設定多組的最值自動出現的折線圖。如圖5.1-7所示，是兩組最大值、最小值自動出現折線圖，採用四個折線圖設計，重點在於函式和線條、標籤、微立體等設計，其函式比上述單個折線圖略顯複雜，但原理一致。

▲圖5.1-7

2

用堆積柱形圖巧繪鉛筆資料圖表

圖表效果如圖5.2-1所示。其特點是：鉛筆柱形圖可隨著資料的變化自動變化，可以匹配校園、文案或文字類使用場景。

▲圖5.2-1

設計的技術要點是：①藉助透明蒙版來實現鉛筆各面的明暗對比效果；②用堆積柱形圖實現鉛筆的筆尖和橡皮部分不變形。

第一步，手繪一組鉛筆。如圖5.2-2所示。這個鉛筆圖形就是三角形、矩形、半圓所組成，鉛筆各面的明暗對比效果可透過透明蒙版實現，即左側的面覆蓋80%透明度的白色色塊，右側的面覆蓋80%透明度的黑色色塊。

▲圖5.2-2

第二步，繪製堆積柱形圖。透過【插入】→【圖表】 →【柱形圖】 →【堆積柱形圖】插入堆積柱形圖並修改資料。資料的特點是，中間柱形圖對應主資料，即實際的數值大小；兩頭的柱形圖分別對應橡皮和筆尖，數值大小僅作參考，可依據視覺效果進行微調。

▲圖5.2-3

第三步，圖形複製貼上。選中右側圖形貼上到左側堆積柱形圖中，粘貼後的效果如圖5.2-4所示。貼上的時候是有技巧的，複製右側筆尖或橡皮部分，單擊左側資料圖表中的筆尖或橡皮部分的柱形圖，按【CTRL+V】貼上；而筆桿部分，因色彩不同，則要單擊兩次，獨立進行貼上。

▲圖5.2-4

第四步，圖表華麗變身。首先根據版式佈局或鉛筆形狀調整圖表的寬與高，然後我們再進行如下的操作：

①分類間距調整為80%；

④將座標軸的刻度線設定為箭頭。

⑤文字或線條顏色最佳化調整。

效果完成！以後使用時，再直接調整鉛筆筆桿部分對應的資料即可。如果需要修改鉛筆的顏色，則要保留原始的手繪鉛筆，修改顏色後再重新貼上即可。

3

巧用柱形圖與折線圖繪製飛機飛行圖表

圖表效果如圖5.3-1所示。其特點是：飛機拉的長煙可以伴隨資料的調整而調整。

▲圖5.3-1

設計的技術要點是：①用柱形圖來實現飛機後面的長煙效果；②利用折線圖的標記來放置飛機。

第一步，飛機圖示獲取。飛機的向量圖示非常容易獲取，基本山很多向量素材網站或網路蒐集的PPT圖示都可以知道。本案例中的飛機圖示來自於向量素材，下載後在AI中開啟，拖入PPT中兩次取消組合即可使用。

▲圖5.3-2

第三步，修改圖表資料。右擊圖表→【編輯資料】，將“系列1”、“系列2”的名稱改為“主資料”、“輔助資料”，並將“輔助資料”的資料透過公式設為與“主資料”的資料相同。設計後的效果如圖5.3-3所示。

▲圖5.3-3

第四步，圖形複製貼上。將從向量素材中匯出的飛機圖示修改好顏色，並分別貼上到圖表中折線圖的“標記”處。如果以後要調整飛機的顏色，需要保留原始的飛機圖示，修改顏色後再重新貼上。如圖5.3-4所示。

▲圖5.3-4

▲圖5.3-5

4

娃娃頭對稱圓環資料圖表

圖表效果如圖5.4-1所示。其特點是：半圓參差圖表很流行，雖臨摹自網路圖表樣式，但並非手繪，而是可以隨資料的變化而變化的資料圖表。

▲圖5.4-1

設計的技術要點是：取四個同心圓環的一半作為100%並根據具體的資料拆分成多個模組，再透過不同位置圓環及邊框設定為透明實現最終的視覺效果。

第一步、繪製同心圓。透過【插入】→【圖表】 →【餅圖】 →【圓環圖】在PPT中插入圓環圖表。如圖5.4-2所示。

▲圖5.4-2

第二步、編輯資料。右擊圖表→【編輯資料】，將“銷售額”的名稱改為“主資料”，新增資料為18%，22%，28%，32%（可設公式自動計算出第四季度），右側另新增三個輔助系列，資料與主資料相同；底側新增一個輔助類別，資料都設為100%。如圖5.4-3所示。

▲圖5.4-3

第三步、設定資料系列格式。右擊圖表→【設定資料系列格式】，將【第一扇區起始角度】調整為270°，【圓環圖內徑大小】調整為42%.如圖5.4-4所示。如圖5.4-4所示。

▲圖5.4-4

▲圖5.4-5

第五步、新增資料標籤。右擊外側第二層的圓環（這個選擇很重要哦），單擊【新增資料標籤】，即為圖表添加了資料標籤。如圖5.4-6所示。

▲圖5.4-6

第六步、美化資料標籤。勾選【類別名稱】、【值】，【分隔符】選擇「新文字行」，同時將底側輔助資料的標籤設為透明，右兩個資料設為白色，左兩個資料標籤設為灰黑色，並適當調整數字標籤的大小和字型。如此，即製作完成，一次設計，永久使用。如圖5.4-7所示。

▲圖5.4-7

5

娃娃頭對稱圓環圖表

▲圖5.5-1

設計的技術要點是：①透過輔助資料的設定巧妙突出要表述的資料；②透過顏色的設定突出要表述資料的色彩。

第一步，設計構思。經過分析我們可以得知，“娃娃頭”圖表是由主資料的彩色圓環與兩個左右對稱的輔助圓環（實際上色彩設定為空白）所組成，三組資料之和為100%，因此，輔助資料的數值應設定為“=(100%-B$3)/2”；同時，為了讓主資料的圓環置於頂端且左右對稱，則需要將第一扇區起始角度設為180°。如圖5.5-2所示。

▲圖5.5-2

第二步，先設定第一圈頭髮。透過【插入】→【圖表】 →【餅圖】 →【圓環圖】插入圖表後，刪除“第四季度”，將“第二季度”改為“主資料”，其他改為“輔助”，同時設定好兩個輔助的公式，主資料數值輸入百分比數值，且刪除全部圖表元素。如圖5.5-3所示。

▲圖5.5-3

第三步，繪製其他頭髮。將設定好的資料直接向右側複製，然後修改「銷售額」為各年度，並根據實際情況修改“主資料”對應的數值。如圖5.5-4所示。

▲圖5.5-4

第四步，新增輔助空白圓環。我們看一下最終的效果，各頭髮之間是有空隙的，因此，我們還要給各年度的資料之間增加空白圓環，同時最裡層增加一個灰色圓環（主資料設為100%）。如圖5.5-5所示。

▲圖5.5-5

第五步，圖表的完美變身。我們將圖表的【圓環內徑大小】設為40%，除最裡層的灰色圓環外，其餘輔助圓環一律設定透明，所有圓環設定無邊框，各頭髮可以設定不同的主題色，最終的視覺效果完美呈現！如圖5.5-6所示。

▲圖5.5-6

6

經典儀表盤圖表

圖表效果如圖5.6-1所示。其特點是：該圖表完全資料設定完成，而且儀表盤的指標可以伴隨著資料的變化而自動調整。

▲圖5.6-1

設計的技術要點是：①藉助兩個圓環圖實現儀表盤和數字標籤的製作；②藉助函式實現指標的生成及自動隨資料而變化。沒有耐心是完不成這個儀表的，是時候來檢測一下自己的耐心和技術水平了！

第一步、繪製組合圖表。透過【插入】→【圖表】→【組合】→選擇系列1和系列2為圓環圖，系列3為餅圖，同時系列3勾選【次座標軸】。如圖5.6-2所示。

▲圖5.6-2

第二步、錶盤的資料設定。右擊圖表→【編輯資料】，接下來要分六小步。

①在資料表中上方新增三行預留使用。

②將系列1的名稱改為【錶盤值】，數值設為【0、27、0、27、0、27、0、27、0、27、0、27、0、27、0、27、0、27、0、27、0、90】，為什麼這麼設呢？因為圓環的四分之三即270°拿來設計儀表盤，所以這270°劃分為10個27°部分和11個0°部分，0°對應的部分是用來新增刻度值的。

④系列2名稱改為【顏色值】，對應數值是【90、90、90、90】，這個好理解，是為了設計錶盤的。

⑤系列3名稱改為【指標值】，內容先空著，右側對應的增加這四個值的名稱：指標數值、指標大小、空白區域、輸入數值。

⑥單擊圓環圖表，透過移動資料選框，來修改圓環圖表對應的資料，目的是將刻度顯示的部分放置在外側。如圖5.6-3所示。

▲圖5.6-3

第三步、指標的資料及公式設定。在上方預留的位置設定【指標值】的輸入區域，同時，指標大小設為2；指標數值是透過設定公式將輸入的指標值換算而得來。公式是“=MAX(0,MIN(C2,100))*270/100”，這個公式的意思概括起來就是當輸入的指標數值超過100時，選擇100，當輸入的指標數值小於0時，選擇0。同時，錶盤的270°區域對應的是指標的100%，因此，公式中“*270/100”部分含義是將輸入的指標值換算成餅圖中的具體角度。另外，空白區域即餅圖中除去指標和指標部分的角度大小，可設公式為：“=360-D5-D6”。如圖5.6-4所示。

▲圖5.6-4

第四步、錶盤和指標格式設定。①刪除圖表標題、圖例等多餘元素；②設定圓環和餅圖的【第一扇區的起始角度】為225°；③設定【圓環圖內徑大小】為70%；④設定【餅圖分離程度】為60%，此時餅圖各部分分離且變小，我們再將變小的部分聚攏起來，餅圖就位於圓環的裡側位置了；⑤再設定餅圖和圓環圖的各部分填充色彩，使之符號表盤的設計樣式，如圖5.6-5所示。

▲圖5.6-5

第五步、給錶盤新增資料標籤。右擊最外層圓環→【新增資料標籤】，並選擇資料標籤的值為【類別名稱】。原來設定的百分比數值即出現了，適當調整數字的字型、大小、色彩等。如圖5.6-6所示。

▲圖5.6-6

第六步、新增同步變化的指標值。儀表盤的下方，我們準備新增一個隨著輸入指標而自動變化的指標值，這需要藉助一下單元格中的值來實現。在指標值（系列3）的數字下方，另新增一個數值，透過公式設定其等於輸入的指標值（C2），然後選中儀表盤的錶盤部分（帶顏色的圓環），右擊新增資料標籤，再選擇標籤的值為【單元格中的值】即指標值的四個數字，設定其他數字的填充顏色為【無填充】，僅保留與指標值相等的那個值，再適當設定字型、大小和顏色即可。如圖5.6-7所示。

▲圖5.6-7

設計完成後，以後修改使用就非常方便了，如圖5.6-8所示，只需要修改的資料，儀表盤的指標就會自動隨資料的變化而變化。

▲圖5.6-8

7

動態專案進度甘特圖

圖表效果如圖5.7-1所示。其特點是：修改專案日期，則甘特圖的條形色塊會自動變化。

▲圖5.7-1

設計的技術要點是：①需要在Excel中將日期換算成具體的數值；②設定座標軸的邊界使之與日期的數值對應起來。

第一步、繪製堆積條形圖。透過【插入】→【圖表】→【條形圖】→【堆積條形圖】插入堆積條形圖。如圖5.7-2所示。

▲圖5.7-2

第二步、日期換算成具體數值。我們以2018年12月份為案例來設計月度計劃甘特圖，在Excel中輸入2018年12月1日和2018年12月31日，選中後右擊【設定單元格格式】→【常規】，即將日期換算成了具體的數值。如圖5.7-3所示。

圖5.7-3

第三步、設定座標軸格式。先單擊圖表的橫座標軸，【座標軸選項】→【邊界】，最小值和最大值分別輸入剛才日期所轉換的數值，同時【單位】設為1；再設定座標軸數字的【格式程式碼】為D；接著單擊圖表的縱座標軸，在【座標軸位置】中勾選【逆序類別】。如圖5.7-4所示。

▲圖5.7-4

第四步、圖表資料編輯。右擊圖表→【編輯資料】→將類別1到類別4改為具體的任務名稱，系列1和系列3的內容輸入專案開始和專案結束的日期，系列2設定公式，其值等於系列3減去系列1，如圖5.7-5所示。

▲圖5.7-5

第五步、格式設定。①在圖表中縮小圖表的資料選區，僅選擇系列1和系列2；②系列1對應的條形圖設定【無填充】，系列2的條形圖根據需要設定個性化的顏色；③單擊座標軸，新增次要網格線；④設定網格線和邊框略變粗且顏色加深；⑤最後適當調整文字大小和格式即完成。

第五步中的這五個小步驟操作都比較簡單，就不寫出具體的動作描述了，無論如何，只有透過自己的動手演練，才能真正學會這些創意圖表。