當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


d3.js pow.exponent()用法及代碼示例


pow.exponent()函數用於指定給定值的 index 。如果未指定 index ,它將返回當前 index 。當前 index 的值默認為1。

用法:

pow.exponent( exponent )

參數:該函數接受上麵提到的和下麵描述的一個參數。

  • exponent:該參數接受一個數值,該數值將當前 index 設置為給定值。它是一個可選值。

返回值:此函數不返回任何內容。

以下示例程序旨在說明D3.js中的pow.exponent()函數:



1:

HTML

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8" /> 
  <meta name="viewport" 
        content="width=device-width, 
                 initial-scale=1.0" /> 
  <title>GeeksforGeeks</title> 
  <script src= 
"https://d3js.org/d3.v4.min.js"> 
  </script> 
  <script src= 
"https://d3js.org/d3-color.v1.min.js"> 
  </script> 
  <script src= 
"https://d3js.org/d3-interpolate.v1.min.js"> 
  </script> 
  <script src= 
"https://d3js.org/d3-scale-chromatic.v1.min.js"> 
  </script> 
</head> 
<body> 
  <script> 
    var pow = d3.scalePow() 
      .domain([10, 20]) 
      .range(["1", "2", "3", "4", "5"]) 
      .exponent(2); 
  
    console.log("The value of pow(10) is:" + pow(10)); 
    console.log("The value of pow(12) is:" + pow(12)); 
    console.log("The value of pow(13) is:" + pow(13)); 
    console.log("The value of pow(14) is:" + pow(14)); 
  </script> 
</body> 
</html>

輸出:

範例2:

HTML

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8" /> 
  <meta name="viewport" 
        content="width=device-width, 
                 initial-scale=1.0" /> 
  <title>GeeksforGeeks</title> 
  <script src= 
"https://d3js.org/d3.v4.min.js"> 
  </script> 
  <script src= 
"https://d3js.org/d3-color.v1.min.js"> 
  </script> 
  <script src= 
"https://d3js.org/d3-interpolate.v1.min.js"> 
  </script> 
  <script src= 
"https://d3js.org/d3-scale-chromatic.v1.min.js"> 
  </script> 
</head> 
<body> 
  <script> 
    var pow = d3.scalePow() 
      .domain([-1, 1]) 
      .range([10, 20, 30, 40, 50]) 
      .exponent(10); 
  
    console.log("The value of pow(-1) is:" + pow(-1)); 
    console.log("The value of pow(0) is:" + pow(0)); 
    console.log("The value of pow(1) is:" + pow(1)); 
  </script> 
</body> 
</html>

輸出:




相關用法


注:本文由純淨天空篩選整理自tarun007大神的英文原創作品 D3.js pow.exponent() Function。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。