D3.js中的d3.scaleQuantile()函数用于创建并返回具有指定域和范围的新分位数标度。如果未指定域或范围,则默认情况下将每个值设置为空数组。
用法:
d3.scaleQuantile( domain, range )
参数:此函数接受上面和下面描述的两个参数:
- domain:它是仅整数的数组,用于定义域值的范围。它是一个可选参数。默认值设置为空数组。
- range:它是整数或字符串的数组。它是一个可选参数。默认值设置为空数组。
返回值:此函数不返回任何内容。
以下程序说明了D3.js中的d3.scaleQuantile()函数:
范例1:
HTML
<!DOCTYPE html>
<html>
<head>
<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>
<h1 style="color:green;">GeeksforGeeks</h1>
<p>d3.ScaleQuantile() Function </p>
<script>
// Using scaleQuantile function
var quantile = d3.scaleQuantile()
.domain([0, 1])
.range(["blue", "yellow", "green"]);
document.write("<h3>" +
quantile(0) + "</h3>");
document.write("<h3>" +
quantile(0.3) + "</h3>");
document.write("<h3>" +
quantile(0.5) + "</h3>");
document.write("<h3>" +
quantile(0.9) + "</h3>");
</script>
</body>
</html>
输出:
范例2:
HTML
<!DOCTYPE html>
<html>
<head>
<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>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<p>d3.ScaleQuantile() Function </p>
<script>
// Using the scaleQuantile function
var quantile = d3.scaleQuantile()
.domain([0, 1])
.range([1, 100]);
document.write("<h3>" +
quantile(0) + "</h3>");
document.write("<h3>" +
quantile(0.3) + "</h3>");
document.write("<h3>" +
quantile(0.5) + "</h3>");
document.write("<h3>" +
quantile(0.9) + "</h3>");
</script>
</body>
</html>
输出:
相关用法
- d3.js d3.utcTuesdays()用法及代码示例
- d3.js d3.map.set()用法及代码示例
- d3.js d3.bisectLeft()用法及代码示例
- d3.js d3.max()用法及代码示例
- d3.js d3.entries()用法及代码示例
- d3.js axisBottom()用法及代码示例
- d3.js d3.min()用法及代码示例
- d3.js d3.selectAll()用法及代码示例
- d3.js d3.range()用法及代码示例
- d3.js d3.scan()用法及代码示例
- d3.js d3.merge()用法及代码示例
- d3.js brush()用法及代码示例
- d3.js d3.set.size()用法及代码示例
- d3.js d3.pairs()用法及代码示例
- d3.js d3.permute()用法及代码示例
- d3.js d3.cross()用法及代码示例
- d3.js d3.extent()用法及代码示例
- d3.js d3.sum()用法及代码示例
- d3.js d3.mean()用法及代码示例
注:本文由纯净天空筛选整理自tarun007大神的英文原创作品 D3.js scaleQuantile() Function。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。