D3.js BrushY()函数

D3.js 中的d3.brushY()函数用于沿 y 维度创建一个新的一维画笔。

句法：

d3.brushY();

参数：此函数不接受任何参数。

返回值：此函数沿y轴返回一个新创建的一维画笔

示例：在此示例中，我们将使用此方法在 SVG 元素上创建一维画笔以及大小为 600×600 像素的 y 轴画笔。

HTML

 
 
      
 
     
        D3.js | d3.brushY() Function 
     
      
     
     
 
  
 
    
     
          
        // Selecting SVG element
        d3.select("#brush")
        // Creating a brush along y-axis 
        // using the d3.brush function
        .call( d3.brushY()             
        // Initialise the brush area: start at 
        // 0,0 and finishes at given width,height
        .extent( [ [0,0], [600,600] ] )       
      )
     
 
  

输出：

参考： https://devdocs.io/d3~5/d3-brush#brushY