D3.js scaleQuantize()函数

d3.js 中的d3.scaleQuantize ()函数用于创建类似于线性刻度的新刻度，只是线性刻度使用离散和不连续的刻度。

句法：

d3.scaleQuantize();

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

返回值： d3.scaleQuantize()函数返回一个函数。

示例 1：

HTML

  

    
    
    Geeks for geeks
    
    
    
    
    
    
    
    
  
    
        body {
            line-height: 5px;
            text-align: center;
        }
  
        h2 {
            color: green;
        }
    

  

    Geeks for geeks
    D3.scaleQuantize() Function 
    
        var object = d3.scaleQuantize()
            .domain([0, 1])
            .range(["less than 0.5", "greater than 0.5"]);
        document.write("<br/>")
        document.write("<h3>" + object(0.4) + "</h3>");
        document.write("<h3>" + object(0.5) + "</h3>");
    

  

输出：

示例 2：

HTML

  

    
    
    Geeks for geeks
    
    
    
    
    
    
    
    
  
    
        body {
            line-height: 5px;
            text-align: center;
        }
  
        h2 {
            color: green;
        }
    

  

    Geeks for geeks
    D3.scaleQuantize() Function 
    
        var object = d3.scaleQuantize()
  
            // Value from 1 to 10 decides 
            // which value to output
            .domain([1, 10])
            .range(["1. This is object(1)",
                "2. This is object(2)",
                "3. This is object(3)",
                "4. This is object(4)",
                "5. This is object(5)",
                "6. This is object(6)",
                "7. This is object(7)",
                "8. This is object(8)",
                "9. This is object(9)",
                "10. This is object(10)"]);
                  
        document.write("<br/>")
        document.write("<h3>" + object(1) + "</h3>");
        document.write("<h3>" + object(2) + "</h3>");
        document.write("<h3>" + object(3) + "</h3>");
        document.write("<h3>" + object(4) + "</h3>");
        document.write("<h3>" + object(5) + "</h3>");
        document.write("<h3>" + object(6) + "</h3>");
        document.write("<h3>" + object(7) + "</h3>");
        document.write("<h3>" + object(8) + "</h3>");
        document.write("<h3>" + object(9) + "</h3>");
        document.write("<h3>" + object(10) + "</h3>");
    

  

输出：