D3.js schemeBrBG[]函数

d3.schemeBrBG[]函数是d3.js中发散配色方案的一部分，用于返回与“BrBG”发散配色方案中的颜色对应的 HEX 代码颜色字符串。

句法：

d3.schemeBrBG[k];

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

• k：它是 3 到 10 范围内的任意数字。

返回值：此函数返回一个 HEX 代码颜色字符串。

示例 1：

HTML

 
 
 
     
     
    D3.js schemeBrBG[] Function 
    
     
    
     
    
     
    
     
  
    
        h2{
            color: green;
        }
    
 
  
 
    Geeks for geeks
    Different colors from schemeBrBG are: 
     
        document.write(d3.schemeBrBG[3][1]+"<br>"); 
        document.write(d3.schemeBrBG[3][2]+"<br>"); 
        document.write(d3.schemeBrBG[4][3]+"<br>"); 
        document.write(d3.schemeBrBG[5][4]+"<br>"); 
        document.write(d3.schemeBrBG[6][5]+"<br>"); 
        document.write(d3.schemeBrBG[10][6]); 
     
 

输出：

示例 2：

HTML

  

    
    
  
    
    
    
    
    
    
    
    
    
      
    
        div {
            padding: 6px;
            text-align: center;
            vertical-align: middle;
            display: flex;
            justify-content: center;
            width: fit-content;
            margin-top: 2px;
            height: 20px;
        }
    

  

    D3.schemeBrBG[k] 
    
        d3.schemeBrBG[10][0]
    
    
        d3.schemeBrBG[10][1]
    
    
        d3.schemeBrBG[10][2]
    
    
        d3.schemeBrBG[10][3]
    
    
        d3.schemeBrBG[10][4]
    
      
    
        // Creating different colors for 
        // different value of k
        let color1 =
            d3.schemeBrBG[10][0];
        let color2 =
            d3.schemeBrBG[10][1];
        let color3 =
            d3.schemeBrBG[10][2];
        let color4 =
            d3.schemeBrBG[10][3];
        let color5 =
            d3.schemeBrBG[10][4];
  
        // Selecting Div using query selector
        let pixel1 = document.querySelector(".pixel1");
        let pixel2 = document.querySelector(".pixel2");
        let pixel3 = document.querySelector(".pixel3");
        let pixel4 = document.querySelector(".pixel4");
        let pixel5 = document.querySelector(".pixel5");
  
        // Setting style and BG color of
        // the particular DIVs
        pixel1.style.backgroundColor = color1;
        pixel2.style.backgroundColor = color2;
        pixel3.style.backgroundColor = color3;
        pixel4.style.backgroundColor = color4;
        pixel5.style.backgroundColor = color5;
    

  

输出：