【问题标题】:Polar plots using D3.js使用 D3.js 的极坐标图
【发布时间】:2013-01-18 17:29:06
【问题描述】:

有人知道使用D3 Javascript libraries 生成极坐标图的好例子吗?

我见过一些像 thisthis 这样的玫瑰图,但我真的在寻找更类似于 Matlab 极坐标图的东西:

任何示例将不胜感激。谢谢!

【问题讨论】:

    标签: javascript matlab d3.js


    【解决方案1】:

    没问题,给你:

    函数是使用d3.svg.line.radial 绘制的。背景径向网格被实现为线、圆和文本元素。一个小烦恼是代码需要弧度(对于 d3.svg.line.radial)和度数(对于 SVG 的transform attribute)。我使用了旋转的文本标签,因为这对 SVG 来说很容易,但如果您不介意使用三角函数来定位文本标签,您可以使用非旋转标签。

    仔细注意线的角度定义:D3 的径向线和区域从 12 点开始顺时针方向进行,而这个图从 3 点开始逆时针方向进行!

    【讨论】:

    • 谢谢迈克,非常感谢!
    【解决方案2】:

    Plotly 让您可以使用 MATLAB、Python 和 R 制作交互式极坐标图。结果是交互式的,并使用 D3.js 呈现。您可以查看一些 MATLAB 示例(代码 + 交互式图表)here











    免责声明:我是 Plotly 团队的一员。

    【讨论】:

      猜你喜欢
      • 2023-03-10
      • 2018-03-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多