我试图用 d3.js 绘制一些极小的值。有没有一种直接的方法可以用科学(指数)表示法来可视化刻度标签?
<!DOCTYPE html>
<meta charset="utf-8">
<style>
</style>
<body>
<!-- load the d3.js library -->
<script src="//d3js.org/d3.v4.min.js"></script>
<script>
// set the dimensions and margins of the graph
var margin = {top: 20, right: 20, bottom: 30, left: 50},
width = 960 - margin.left - margin.right,
height = 500 - margin.top - margin.bottom;
// parse the date / time
var data = [[0.3, 5e-300],[0.1, 3e-300],[0.7, 4e-300],[0.2, 7e-300],[0.6, 2.5e-300],[0.9, 4.2e-300]]
// set the ranges
var x = d3.scaleLinear().range([0, width]).domain([0, d3.max(data, function(d) …Run Code Online (Sandbox Code Playgroud) 考虑以下 tsv 文件:
Code k1 k2
pf_1 0.2 0.3
pf_2 0.3 0.7
pf_3 0.2 0.4
pf_4 0.1 0.6
pf_5 0.8 0.9
Run Code Online (Sandbox Code Playgroud)
我一直试图理解以下代码是如何工作的,但尚未找到明确的答案:
d3.tsv("test.tsv")
.row(function(d, i, columns){ d.total = columns.length; return d;})
.get(function(d){ console.log(d);});
Run Code Online (Sandbox Code Playgroud)
我的具体问题如下:
将第三个(列)参数映射到访问器(行)函数中的列名称的底层解析函数是什么?
为什么访问器函数中需要行迭代器 (i) 参数?