D3.js 使用d3 svg.area创建梯形

我正在用

D3

打破我的头脑，用

SVG.Area

创建一个

梯形。
有人能告诉我是否有可能做到这一点吗？如果有，请简要告诉我，因为我只能看到3名评估员
x、y1和y0
。我不确定如何修复不同的
x
值

您应该使用或
d3.svg.line
结合命令来绘制梯形，而不是使用
d3.svg.area

下面是一个我将如何做的快速示例：



var svg=d3.select（'body'）
.append（'svg'）
.attr（'width'，500）
.attr（'height'，500）；
var line=d3.svg.line（）
.x（功能（d）{
返回d.x；
})
.y（功能（d）{
返回d.y；
});
变量点=[{
x:100，y:100
},{
x:400，y:100
},{
x:375，y:150
},{
x:125，y:150
}];
append（'path'）
.attr（“d”，线（点）+“Z”）
.style（“填充”、“橙色”）
.风格（“笔划”、“黑色”）；
现在，您必须使用
d3.line（）