使用函数索引到数组中
Indexing into array with functions
我正试图从https://github.com/jasondavies/science.js/tree/master/examples/kde仅具有一个1行而不是2行。要做到这一点,我需要修改下面的代码。更具体地说,我需要修改.data(d3.values(science.stats.bandwidth))
。从Chrome开发工具中,我可以看到var bw = d3.values(science.stats.bandwidth)
返回的变量如下:
bw: Array[2]
0: function (x) {
1: function (x) {
length: 2
__proto__: Array[0]
我尝试过对此变量进行索引,但返回的函数不能用于绘图。它变为undefined
。
var granularity = 0.1;
var x_min = 30;
var x_max = 110;
d3.json("faithful.json", function(faithful) {
data = faithful;
var w = 800,
h = 400,
x = d3.scale.linear().domain([30, 110]).range([0, w]);
bins = d3.layout.histogram().frequency(false).bins(x.ticks(60))(data),
max = d3.max(bins, function(d) { return d.y; }),
y = d3.scale.linear().domain([0, .1]).range([0, h]),
kde = science.stats.kde().sample(data);
var vis = d3.select("body")
.append("svg")
.attr("width", w)
.attr("height", h);
var bars = vis.selectAll("g.bar")
.data(bins)
.enter().append("g")
.attr("class", "bar")
.attr("transform", function(d, i) {
return "translate(" + x(d.x) + "," + (h - y(d.y)) + ")";
});
bars.append("rect")
.attr("fill", "steelblue")
.attr("width", function(d) { return x(d.dx + 30) - 1; })
.attr("height", function(d) { return y(d.y); });
var line = d3.svg.line()
.x(function(d) { return x(d[0]); })
.y(function(d) { return h - y(d[1]); });
var bw = d3.values(science.stats.bandwidth);
vis.selectAll("path")
/* .data(d3.values(science.stats.bandwidth)) */
.data(bw[1])
.enter().append("path")
.attr("d", function(h) {
return line(kde.bandwidth(h)(d3.range(x_min, x_max, granularity)));
});
});
.data()
需要一个数组。用途:
.data([bw[1]])
此处为示例。
相关文章:
- 按最大值获取数组索引
- 删除和重用数组索引
- 警报数组索引和值
- .fadeIn .fadeOut 会导致数组索引出现奇怪的行为
- Javascript原型通用Enquries和通过数组索引分配Id
- 获取数组索引的值
- Javascript-将值与关联数组索引进行比较
- Javascript-在数组索引中循环的问题
- JavaScript - “规范化”数组索引
- 数组索引混淆
- 使用 Javascript/React.js 查找对象的数组索引
- 如何拆分数组索引
- 获取新推送元素的数组索引
- 在 javascript 中将数组索引作为参数传递
- 当对象本身存储在 JavaScript 的数组索引中时,如何打印对象的每个单独属性
- 如何使用数组索引序列
- ASP.NET/JavaScript:数组索引溢出:实体框架/LINQ
- 如何在分配给数组索引的对象上调用方法
- 使用铆钉访问数组索引.js
- 计算 Javascript 数组索引的出现次数