d3.js d3.quantile()用法及代码示例

D3.js中的d3.quantile()函数用于返回给定元素数组的p-quantile。其中p是数字，范围为[0，1]。

用法:

d3.quantile(Array, p)

参数：该函数接受上述和以下所述的两个参数：

Array:它包含元素的排序数组。
p:是p-quantile，它们通过给定的元素排序数组返回。

返回值：它返回给定元素数组的p-quantile。

以下程序说明了D3.js中的d3.quantile()函数：

示例1:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        d3.quantile() function
    </title> 
      
    <script src = "https://d3js.org/d3.v4.min.js"></script> 
</head> 
  
<body> 
    <script> 
      
        // Initialising a array     
        var Array = [10, 20, 30, 40, 50]; 
          
        // Calling the d3.quantile() function 
        A = d3.quantile(Array, 0);  
        B = d3.quantile(Array, 0.25);  
        C = d3.quantile(Array, 0.5); 
        D = d3.quantile(Array, 0.75);  
        E = d3.quantile(Array, 1); 
           
        // Getting the shuffled elements 
        document.write(A + "<br>"); 
        document.write(B + "<br>"); 
        document.write(C + "<br>"); 
        document.write(D + "<br>"); 
        document.write(E + "<br>"); 
    </script> 
</body> 
  
</html>

输出：

示例2:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        d3.quantile() function
    </title> 
      
    <script src = "https://d3js.org/d3.v4.min.js"></script> 
</head> 
  
<body> 
    <script> 
      
        // Initialising an array     
        var Array = [10, 20, 30]; 
          
        // Calling the d3.quantile() function 
        A = d3.quantile(Array, 0);  
        B = d3.quantile(Array, 0.25);  
        C = d3.quantile(Array, 0.5); 
        D = d3.quantile(Array, 0.75);  
        E = d3.quantile(Array, 1); 
           
        // Getting the shuffled elements 
        document.write(A + "<br>"); 
        document.write(B + "<br>"); 
        document.write(C + "<br>"); 
        document.write(D + "<br>"); 
        document.write(E + "<br>"); 
    </script> 
</body> 
  
</html>

输出：

参考： https://devdocs.io/d3~5/d3-array#quantile

相关用法

注：本文由纯净天空筛选整理自Kanchan_Ray大神的英文原创作品 D3.js | d3.quantile() Function。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。