d3.js雷达图 - 在线之间填充

Apo*_*llo 2 javascript d3.js

我正在尝试在这些三角形中的两个之间创建填充,例如红色和绿色三角形之间的红色填充.有人知道怎么做到这一点吗?我已经看到雷达图的另一个例子,我认为它做了类似的事情,虽然我认为他们使用CSS创建填充,而不是d3 ......

在此输入图像描述

使用径向图表用mbostock的答案解决了上述问题...

最后结果 在此输入图像描述

mbo*_*ock 7

您不需要为此实现自定义路径; 你可以使用d3.svg.area.radial路径生成器.以下是可用于绘制循环数据的堆叠径向面积图的示例:

该实施与雷达图非常相似,除了雷达图之外,每个角点的比例都不同.