Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
D3.js svgd3滤波_D3.js_Svg_Filter - Fatal编程技术网

D3.js svgd3滤波

D3.js svgd3滤波,d3.js,svg,filter,D3.js,Svg,Filter,我有以下数据: dataset = { "steps": [ { "id": 1, "x": 10, "y": 10 }, { "id": 2, "x": 20, "y": 20 }

我有以下数据:

dataset =
    {
        "steps": [
            {
                "id": 1,
                "x": 10,
                "y": 10
            },
            {
                "id": 2,
                "x": 20,
                "y": 20
            }
        ],
        "links": [
            {"source": 1,"target": 2},
            {"source": 2,"target": 1}
        ]
    }
我只想在source
var links = svgContainer.selectAll('.link')
  .data(dataset.links)
  .enter()
  .append('path')
  .filter(function(d){ d.source < d.target; })
  .attr('class', 'link')
  .each(function(d, i) {
    d.x1 = dataset.steps[d.source - 1].x;
    d.y1 = dataset.steps[d.source - 1].y;
    d.x2 = dataset.steps[d.target -1 ].x;
    d.y2 = dataset.steps[d.target - 1].y;
    d.xCP = dataset.steps[d.target -1 ].x;
    d.yCP = dataset.steps[d.source - 1].y;
  })
  .attr('d', function(d) {
    return "M" + d.x1 + "," + d.y1 
      + "C" + d.xCP + "," + d.yCP
      + " " + d.xCP + "," + d.yCP
      + " " + d.x2 + "," + d.y2;
  });
var links=svgContainer.selectAll(“.link”)
.data(dataset.links)
.输入()
.append('路径')
.filter(函数(d){d.source

我不知道我在画什么。如果我删除.filter(),它可以正常工作并绘制所有路径。

您的filter函数中缺少return语句

改变

.filter(函数(d){d.source

.filter(函数(d){
if(d源
Thaaank你太好了@诺莉亚·贝伦洛佩兹:)
.filter(function(d){ 
       if(d.source < d.target){
         return d;
       }
})