3
私はこの SVGライン - d3.js
を達成しようとしているが、これは、私は基本的に 持っているもの現在私が行うために必要なすべてが持ってする方法を見つけ出すれます円弧から始まり、円弧開始点から始まる線。
私の質問は、アークの開始位置をsvg行のx1、y1属性にどのように変換できますか。以下は、私は現在の線を描くに関連したコードです:
// Draw lines emanating out
g.append('line')
.attr('class', 'outer-line')
.attr('x1', function(d) {
return 0;
})
.attr('x2', 0)
.attr('y1', -radius)
.attr('y2', -radius-150)
.attr('stroke', function(d, i) {
return color(i);
})
.attr('stroke-width','2')
.attr("transform", function(d) {
return "rotate(" + (d.startAngle+d.endAngle)/2 * (180/Math.PI) + ")";
});
ラインがちょうど中心点から来ることはできませんか? – ksav