D3.js line.defined() 方法

d3.line.defined() 方法可让您指定是否为给定数据点定义了数据。如果此方法返回 false，则表示数据点存在，否则为 true。

句法：

d3.line.defined(data_point);

参数：

• data_point：要检查的数据点。

返回值：此方法返回一个布尔值。

例 1：在本例中，我们将使用此方法省略一些要点。

  d3.line.defined()



  

    
       GeeksforGeeks
    
  
    
      

  
var points = [
      {xpoint: 25,  ypoint: 150},
      {xpoint: 75,  ypoint: 85},
      {xpoint: 100, ypoint: 115},
      {xpoint: 125, ypoint: 55},
      {xpoint: 150, ypoint: 105},
      {xpoint: 175, ypoint: 25},
      {xpoint: 200, ypoint: 155},
      {xpoint: 225, ypoint: 15},
      {xpoint: 250, ypoint: 135},
    ];
  
var Gen = d3.line()
  .x((p) => p.xpoint)
  .y((p) => p.ypoint)
  .defined(((d, i) => i != 4));
  
d3.select("#gfg")
  .append("path")
  .attr("d", Gen(points))
  .attr("fill", "none")
  .attr("stroke", "green");
  

输出：

示例 2：在此示例中，我们将使用此方法省略空点。

  d3.line.defined()



  

    
        GeeksforGeeks
    
  
    
    

  
var points = [
      {xpoint: 25,  ypoint: 150},
      {xpoint: 75,  ypoint: null},
      {xpoint: 100, ypoint: 115},
      {xpoint: 125, ypoint: 55},
      {xpoint: 150, ypoint: null},
      {xpoint: 175, ypoint: 25},
      {xpoint: 200, ypoint: 155},
      {xpoint: 225, ypoint: 15},
      {xpoint: 250, ypoint: 135},
    ];
  
var Gen = d3.line()
  .x((p) => p.xpoint)
  .y((p) => p.ypoint)
  .defined(function (d) { return d.ypoint !== null; });
  
d3.select("#gfg")
  .append("path")
  .attr("d", Gen(points))
  .attr("fill", "none")
  .attr("stroke", "green");
  

输出：