我需要画一个像这样的旭日图:
正如你所看到的,这实际上是旭日图的一个扇区。我可以为主圆/弧设置 startAngle 和 endAngle 吗?
编辑:
我的图是这样的:
https://bl.ocks.org/mbostock/4063423
最佳答案
这是您要找的吗?
这是变化的部分:
var partition = d3.layout.partition()
.sort(null)
.size([Math.PI, radius * radius]) // Previoulsy : .size([2 * Math.PI, radius * radius])
.value(function(d) { return 1; });
var arc = d3.svg.arc()
.startAngle(function(d) { return d.x - Math.PI / 2; }) // Previously : .startAngle(function(d) { return d.x; })
.endAngle(function(d) { return d.x + d.dx - Math.PI / 2; }) // Previously : .endAngle(function(d) { return d.x + d.dx; })
.innerRadius(function(d) { return Math.sqrt(d.y); })
.outerRadius(function(d) { return Math.sqrt(d.y + d.dy); });
查看现场演示:JSFiddle
关于d3.js - 使用 d3.js 绘制旭日图的扇区,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38138625/