将折线图弯曲成弧形

用户名

我是D3的新手,正在学习它。我正在尝试构建曲线图。那就是我想将折线图弯曲半圈。如果有人可以告诉我如何在D3中解决此问题,将很有帮助。

如下面的链接所示:http : //www.cs.toronto.edu/~jianzhao/snapshots/kronominer.jpg

安格斯

这与在笛卡尔坐标系中绘制折线图非常相似,但是使用D3的径向线函数而不是规则线函数。线的x坐标成为角度,而y坐标则是径向距离。

var line = d3.svg.line.radial()
    .radius(function(d){return r(d.y);})
    .angle(function(d){return theta(d.x);});

这个小提琴展示了一个简单的示例数据示例。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章