使用D3.js的极坐标图
sup*_*pyo 6 javascript matlab d3.js
有没有人知道使用D3 Javascript库生成极坐标图的好例子？
我见过一些玫瑰地块喜欢这个和这个,但我真的寻找的东西更类似于Matlab的极坐标图:
任何例子都将非常感谢.谢谢!
mbo*_*ock 17
喏,给你:
使用d3.svg.line.radial绘制该函数.背景径向网格实现为线,圆和文本元素.一个小麻烦是代码需要弧度(对于d3.svg.line.radial)和度(对于SVG的transform属性).我使用旋转文本标签,因为SVG很容易做到,但如果你不介意用一点三角法来定位文本标签,你可以使用非旋转标签.
请仔细注意线条角度的定义:D3的径向线条和区域从12点开始顺时针方向进行,而此曲线从3点开始逆时针方向进行!