# 需要布局绘制的图表
布局器的作用就是将数据进行处理为适合绘制图表的形式:
举例来说饼图:
现在需要将数据[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专门绘制圆形或环形。
通过设定内径外径即可绘制饼图,环图。
此处只是简单的举例,如需详细代码释义,请查看饼图。