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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。