# 需要布局繪制的圖表
布局器的作用就是將數據進行處理為適合繪制圖表的形式:
舉例來說餅圖:
現在需要將數據[3120,2056,5754,4632]繪制為餅圖;
通過d3.pies() 處理后:
將會得到:如下只是3120數據得到的
``` json
data:3120 //原始數據
endAngle:5.453071633386935 //結束角度 使用pi值
index:2 // 餅圖的序號
padAngle:0 //間距
startAngle:4.1933660583708505 //結束角度 使用pi值
value:3120 //數值
```
其余三個不再羅列。
根據endAngle和startAngle即可得到在餅中占據的大小和方位。
值得注意的是index:2 ,其中序號為3,因為餅圖展示時,順時針按大到小排列是最優的數據呈現方式,所以布局器默認已經處理好了排序。
那么繪制餅圖只需要設定位置,和半徑繪制扇形即可。
d3.shape中有d3.arc專門繪制圓形或環形。
通過設定內徑外徑即可繪制餅圖,環圖。
此處只是簡單的舉例,如需詳細代碼釋義,請查看餅圖。