D3.js areaRadial.defined() 方法

D3.js中的areaRadial.defined()方法允许指定是否为给定数据点定义数据。使用指定为此方法的参数的布尔值或函数检查每个点的值。如果此方法返回 true，则保留检查的值，否则将其省略。

句法：

areaRadial.defined( data_point )

参数：此函数接受如上所述和如下所述的单个参数：

• data_point：它是一个布尔值或函数，用于检查每个点。

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

下面给出了 D3.js 中areaRadial.defined()方法的几个示例：

示例 1：

HTML

  
  


  
    GeeksforGeeks
  
  
    D3.js | areaRadial.defined() Method
  
  
    
      
    
  
  
    var data = [
      { x: 10, y: 1 },
      { x: 15, y: 3 },
      { x: 20, y: 5 },
      { x: 25, y: 7 },
      { x: 30, y: 9 },
      { x: 35, y: 11 },
      { x: 40, y: 13 }];
  
    var xScale = d3.scaleLinear()
        .domain([0, 8])
        .range([25, 200]);
    var yScale = d3.scaleLinear()
        .domain([0, 20])
        .range([200, 25]);
  
    var Gen = d3.areaRadial()
      .angle(d => xScale(d.x / 3))
      .innerRadius(d => yScale(d.y / 2))
      .outerRadius(d => yScale(d.y))
      // Omitting 4th index
      .defined((d, i) => (i != 4));
  
    d3.select("#gfg")
      .select("g")
      .append("path")
      .attr("d", Gen(data))
      .attr("fill", "green")
      .attr("stroke", "black");
  

输出：

示例 2：

HTML

  
  


  
    GeeksforGeeks
  
  
    D3.js | areaRadial.defined() Method
  
  
    
      
    
  
  
    var points = [
      { x: 0, y: 0 },
      { x: 2, y: 3 },
      { x: 4, y: 1 },
      { x: 6, y: 8 },
      { x: 8, y: 17 },
      { x: 10, y: 15 },
      { x: 12, y: 20 }];
  
    var xScale = d3.scaleLinear()
        .domain([0, 6])
        .range([0, 2 * Math.PI]);
    var yScale = d3.scaleLinear()
        .domain([0, 20])
        .range([90, 30]);
  
    var Gen = d3.areaRadial()
      .angle(d => xScale(d.x / 2))
      .innerRadius(d => yScale(d.y) / 2)
      .outerRadius(d => yScale(d.y))
      // Omitting 2nd index
      .defined((d, i) => (i != 2));
  
    d3.select("#gfg")
      .select("g")
      .append("path")
      .attr("d", Gen(points))
      .attr("fill", "green")
      .attr("stroke", "black");
  

输出：