D3.js BrushX()函数

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

句法：

d3.brushX();

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

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

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

HTML

 
 
      
 
     
        D3.js | d3.brushX() Function 
     
      
     
     
 
  
 
    
     
          
        // Selecting SVG element
        d3.select("#brush")
        // Creating a brush along x-axis 
        // using the d3.brush function
        .call( d3.brushX()             
        // 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#brushX