首页 > 解决方案 > 从radialLine上绘制的数据点获取半径

问题描述

简而言之,我有一个螺旋图,并且日期映射到此。这很好用,但我现在想在同一个螺旋上映射日期范围。这个螺旋线是使用 d3.radialLine 生成的。我可以使用 math.atan2(x,y) 获得每个数据点的角度,但是如何获得每个数据点的半径?

标签: javascriptd3.js

解决方案


Math.hypot计算两点之间的距离:

const distance = Math.hypot(ax - bx, ay - by); 

如同:

const dx = ax - bx;
const dy = ay - by;
const distance = Math.sqrt(dx * dx + dy * dy);

推荐阅读