我是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] 删除。
我来说两句