Sketch小技巧—進階其餘幾種繪製餅圖的方法(二)

對數據進行可視化處理時，餅圖是經常使用的圖形之一，餅圖通常用於體現各個項之間的佔比狀況，表現爲由一組或者多組數值按照百分比扇區組成的圓形圖，最終圓形圖的比例爲100%。今天帶領你們瞭解下其餘畫餅圖的方法！

獲取最新版Sketch 55 for mac(矢量繪圖軟件)

一、布爾運算繪製餅圖

在設計工具中使用線條勾勒一些規則圖形是比較麻煩的，因此經過線條勾勒出扇區去組成餅圖的方法顯然太過於笨拙。所以，咱們能夠用布爾運算的法則來對既有圓形進行相交、相減處理，最終獲得咱們想要的扇區。

具體步驟以下：

首先，使用橢圓工具繪製一個正圓形（小tips：選中橢圓工具後，按住shift鍵便可繪製正圓形），爲了方便區分，咱們設置正圓形爲藍色填充，並取消邊框。

而後，使用三角形工具，繪製一個三角形，咱們也能夠經過雙擊三角形進入編輯模式，把三角形左側的端點拉到中間垂直的位置，造成一個直角三角形。

再而後，把直角三角形和圓形放在一塊兒，且直角和圓的中心點對齊，選中二者，複製一份，分別進行相減、相交的布爾運算，便可獲得3/4和1/4大小的扇區。

最後，把獲得的扇區組合在一塊兒，分別填充不一樣的顏色，便可獲得一個餅圖，若是想要一個圓環圖，很簡單，在中間放一個白色填充的正圓形便可。布爾運算這一招的缺點是若是要用三角形劃分餅圖的扇區比例，則須要把勾股定理、正弦定理、餘弦定理了解一下。。。

二、環形漸變

在Sketch中，一共支持三種漸變效果，分別是線性漸變、徑向漸變和環形漸變，其中，環形漸變能夠用來實現餅圖，具體步驟以下：

首先，依然使用橢圓工具繪製一個正圓形，取消邊框，點擊➕設置填充爲環形漸變，以下圖：

而後，在圓形上任意位置上增長漸變點，注意，每一個位置須要同時存在2個漸變點（一內一外，等會用到），設置漸變點時，能夠經過按數字鍵0-9，精肯定位漸變點的位置，設置完成後，以下圖所示。

最後，選中每一個漸變點，並設置漸變點的填充顏色，外漸變點和順時針相近的內漸變點，設置爲同一個填充顏色，表明它們的扇區顏色，可使用快捷鍵Tab快速切換漸變點，Control＋C組合鍵進行吸色，便可獲得一個下圖所示的餅圖。這一招的優勢是能夠快速調整扇區的比例，只要拖動漸變點便可，缺點是扇區分割時會出現鋸齒，目前尚未鋸齒的解決方案。

三、Sketchy Pies插件

Sketchy Pies插件，一鍵就能生成漂亮的餅圖，還支持經過顏色代碼和比例設置扇區，比任何方法都快。
想快速畫餅圖的朋友能夠點擊下面連接下載插件。

點擊獲取原文Sketchy Pies for mac(sketch插件 圖層轉換餅狀圖)

以上就是小編爲你們帶來Sketch小技巧—其餘幾種繪製餅圖的方法介紹。還有更多詳細、實用的功能，你們快來關注小編吧。