ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
# 需要布局绘制的图表 布局器的作用就是将数据进行处理为适合绘制图表的形式: 举例来说饼图: 现在需要将数据[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专门绘制圆形或环形。 通过设定内径外径即可绘制饼图,环图。 此处只是简单的举例,如需详细代码释义,请查看饼图。