【发布时间】:2013-01-18 17:29:06
【问题描述】:
有人知道使用D3 Javascript libraries 生成极坐标图的好例子吗?
我见过一些像 this 和 this 这样的玫瑰图,但我真的在寻找更类似于 Matlab 极坐标图的东西:
任何示例将不胜感激。谢谢!
【问题讨论】:
标签: javascript matlab d3.js
有人知道使用D3 Javascript libraries 生成极坐标图的好例子吗?
我见过一些像 this 和 this 这样的玫瑰图,但我真的在寻找更类似于 Matlab 极坐标图的东西:
任何示例将不胜感激。谢谢!
【问题讨论】:
标签: javascript matlab d3.js
没问题,给你:
函数是使用d3.svg.line.radial 绘制的。背景径向网格被实现为线、圆和文本元素。一个小烦恼是代码需要弧度(对于 d3.svg.line.radial)和度数(对于 SVG 的transform attribute)。我使用了旋转的文本标签,因为这对 SVG 来说很容易,但如果您不介意使用三角函数来定位文本标签,您可以使用非旋转标签。
仔细注意线的角度定义:D3 的径向线和区域从 12 点开始顺时针方向进行,而这个图从 3 点开始逆时针方向进行!
【讨论】: