使用任意 x 和 y 名称初始化 D3 四叉树
initialise d3 quadtree with arbitrary x and y names
我想使用没有标记为 x 和 y 的列但带有其他一些标签的数据来设置一个 d3 四叉树。阅读四叉树文档,我认为我可以这样做:
var data = [{"a":6,"b":99.0},{"a":12,"b":227.0},{"a":2,"b":43.0},{"a":23,"b":32.0}];
var xname = "a";
var yname = "b";
var quadtree = d3.geom.quadtree(data)
.x(function(d) {return d[xname]; })
.y(function(d) {return d[yname]; });
但是当我运行此代码时,出现错误:
TypeError: d3.geom.quadtree(data).x is not a function. (In 'd3.geom.quadtree(data).x(function(d) {return d[xname]; })', 'd3.geom.quadtree(data).x' is undefined)
如何设置四叉树以使用不同的 x 和 y 标签?(显然我可以将数据更改为使用"x"和"y",但我不想这样做是有原因的。
不要创建传递数据的四叉树
例如:
var data = [{"a":6,"b":99.0},{"a":12,"b":227.0},{"a":2,"b":43.0},{"a":23,"b":32.0}];
var xname = "a";
var yname = "b";
var quadtree = d3.geom.quadtree(/* nothing here */)
.x(function(d) {return d[xname]; })
.y(function(d) {return d[yname]; });
稍后必须追加数据绑定
d3.selectAll('circle').data(quadtree(data))
.append('circle');
相关文章:
- 使用javascript函数在页面初始化后加载jquery
- 未捕获错误:无法在初始化之前调用方法;
- 如何在剑道网格初始化后设置pageSizes
- React redux初始化功能,无论状态变化如何
- 为什么可以't Protractor在自动初始化的Angular网站上查找Angular
- 尝试初始化()Spine's控制器和故障
- Angular.js延迟控制器初始化
- 对插件初始化后动态加载的元素进行样式设置
- Angular JS控制器初始化错误
- 在XMLHttpRequest之后重新初始化jQuery
- ember-js组件初始化不同的函数
- Youtube JavaScript API不是't正在初始化
- 函数无法识别初始化的变量
- datepicker引导程序再次初始化
- jquery数据表在初始化时设置宽度
- 如何使用app和secret进行安全的解析初始化
- D3-初始化后第一次转换时出现问题
- 使用任意 x 和 y 名称初始化 D3 四叉树
- D3.drag():初始化"start"然后用它来拖拽和“;以何种;
- 如何从嵌入的外部svg文件初始化d3 svg元素并操纵它