可视化工具D3.js教程 入门 (第十一章)—— 饼图
首先我们先梳理下 绘制饼图之前 需要掌握的新知识: 1、 d3.arc( arguments.. ) 生成器用来在饼图或圆环图中生成 圆形 或 扇形 或 环形; arguments 是任意的; 它们只是简单地传递到 arc 生成器的访问器函数的对象。例如,根据默认的设置,传入的对象应该包含以下半径和角度信息: arc({ innerRadius: 0, outerRadius: 100, startAngle: 0, endAngle: Math.PI / 2 }); // "M0,-100A100,100,0,0,1,100,0L0,0Z" 好的 不理解没关系 先往下看 2、d3. pie( data [, arguments… ]) 生成器用来计算一组数据作为饼图或圆环图时所需要的角度信息;这些角度信息会被传递给 arc 生成器生成图形。 根据指定的 data 数组生成一组对象数组,其中每个对象包含每个传入的数据经过计算后的角度信息。可以包含其他的额外 argements ,这些额外的参数会直接被传递给当前数据计算后生成的对象或饼图生成器的访问器。 直白点说d3. pie() 就是给d3.arc()提供数据的 。 3、 arc .centroid( arguments… ) 计算由给定 arguments 生成的中间点 [