0
我创建了d3可视化@Arc Visualization。NVD3创建具有开始和结束角度的弧线
//creating a scale
var cScale = d3.scale.linear().domain([0, 200]).range([-0.5*Math.PI, 0.5*Math.PI]);
//creating an arc
var arc = d3.svg.arc()
.innerRadius(50)
.outerRadius(100)
.startAngle(-0.5*Math.PI)
.endAngle(0.5*Math.PI);
vis.append("path").attr("d", arc).attr("transform", "translate(300,200)");*/
var width = 600, height = 400;
var vis = d3.select("#svg_color");
var data = [[0,60,"#AA8888"], [60,200,"#88BB88"]];
var arc = d3.svg.arc().innerRadius(50).outerRadius(100).startAngle(function(d) {
return cScale(d[0]);
}).endAngle(function(d) {
return cScale(d[1]);
});
vis.selectAll('path')
.data(data).enter().append('path').attr('d',arc).style('fill', function(d){
return d[2];
}).attr("transform", "translate(300,200)");
我无法找到使用NVD3库创建类似内容的示例或文档。
NVD3具有一个例子来创建扇形和圆环图@Pie and Donut charts example
它不具有关于使用的开始和结束角度例子或文档。
NVD3是否具有弧的包装?
我是否已回答您问题? – 2014-11-26 07:12:00