有谁知道使用D3 Javascript 库生成极坐标图的好例子?
我见过一些像这样和这样的玫瑰图,但我真的在寻找更类似于 Matlab 极坐标图的东西:
任何示例将不胜感激。谢谢!
喏,给你:
该函数使用d3.svg.line.radial绘制。背景径向网格被实现为线、圆和文本元素。一个小烦恼是代码需要弧度(对于 d3.svg.line.radial)和度数(对于 SVG 的transform 属性)。我使用了旋转的文本标签,因为这很容易使用 SVG,但如果您不介意使用一点三角法来定位文本标签,您可以使用非旋转标签。
仔细注意线的角度的定义:D3 的径向线和区域从 12 点开始顺时针方向进行,而该图从 3 点开始逆时针方向进行!