d3.js饼图生成器

2024-10-31 23:07:27

1、定义数据var dataset = [50,20,30];

2、定义饼图生成器var _pie = d3.pie(); var _arcdata = _pie(dataset); console.log(_pie(dataset));

3、其结果为:

d3.js饼图生成器

4、定义弧形路径生成器

d3.js饼图生成器

5、其结果:

d3.js饼图生成器

6、创建svg,创建真正的pathd3.select("body") .append("svg") .attr("width",300) .attr("height",300) .append("path") .attr("d",_pathd) .attr("transform","translate(150,150)");

7、其结果为

d3.js饼图生成器
猜你喜欢