繁体   English   中英

在d3.js中处理可选数据

Handling optional data in d3.js

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

如果某些部分是可选的,您将如何处理数据? 例如此数据:

[
    {
        width: 10,
        height: 20,
        margin: { top: 10, right: 10, bottom: 10: left: 10 }
    },
    {
        width: 10,
        height: 20
    }
]

因此,我只想在有可用margin时附加一些SVG矩形。 我可以使用可视性属性将其隐藏,但这意味着我有不必要的节点,必须编写null检查代码以避免javascript错误。

var svgobj = svg.selectAll('.object').data(objects);

var svgobjEnter = svgobj.enter().append('g')
    .attr('class', 'object');

svgobjEnter.append('rect')
    .attr('class', 'margin');
    .attr('width', function(d) { return d.width + d.margin.left + d.margin.right; })
    .attr('height', function(d) { return d.height + d.margin.top + d.margin.bottom; })
1 个回复

您可以过滤数据来执行以下操作:

svg.selectAll("rect")
   .data(objects.filter(function(d) { return d.margin != undefined; }))
   .enter()
   .append("rect")
// etc
1 d3.js可选树形图

我尝试实现一个可选择的树形图。 我正在使用这个样本 这将产生如下结果: 树 我想在圆圈下方显示一个复选框以使节点可选,我添加了 但是上面的代码没有在文本旁边显示任何复选框。 我如何选择树? ...

2 更改D3.js中的数据排序

我正在使用D3.js渲染表。 初始渲染根据一个键对数据进行排序。 我不知道在哪里可以拦截排序并将其绑定到列标题上的click事件。 呈现表的工作代码如下: ...

3 在D3.js上处理Javascript数据以切换系列

我在flot( http://www.flotcharts.org/flot/examples/series-toggle/index.html )上遵循此示例,以将该概念应用于D3.js。 我的数据看起来像这样: 我已经按照上述示例的源代码设置了复选框(“ sourceA”,“ ...

4 如何在d3.js中处理重复值

首先我是d3.js菜鸟:) 您如何从标题中看到重复数据和汇总值的问题,这是没有选择的,因为名称表示不同的公交车站。 在此示例中,停靠点可能位于建筑物的前侧和后侧。 当然,我喜欢在x轴上显示名称。 如果我创建了一个示例,结果是一团糟,请参阅jsFiddel 。 x = ...

2014-08-22 10:10:24 2 2556   d3.js
6 D3.js复制我的数据

我正在尝试为一些与学生相关的数据(下面的样本记录)创建数据可视化,但是当d3呈现它时,它会遍历数据两次并覆盖它,只留下第二次仅在屏幕上显示的结果。 我在这里使用行计数器,所以我有办法根据有多少个矩形来设置每个矩形的y坐标。 而且我认为这在某种程度上搞砸了一些事情。 任何关于如何使它成为数据 ...

7 d3.js中的geochart

我正在寻找一些指导或示例如何在d3.js中执行geochart。 我需要像这样一个在谷歌图表和转向d3.js,因为我需要一些定制。 到目前为止,我找到的最接近的d3.js样本是这个,但代码很长,我希望找到更简单的东西。 ...

8 SVG(d3.js)和jQuery UI可选不起作用

我有一个d3.js图表​​,在该图表上我尝试使用jQueryUi Selectable插件,同时它显示选择矩形(插件页面上没有显示选择效果),但是一旦释放鼠标,就什么也没有选择。 您可以尝试小提琴http://jsfiddle.net/mantrig/5b5698dr/ 我的代码如下所示 ...

9 在D3.js中动态减少数据

我正在使用D3渲染SVG,以显示JSON数据中的圆圈。 我想支持缩放和拖动。 JSON结构会变得非常大。 这是我的主要问题: 为所有JSON条目添加圆圈实际上并没有用。 页面变得太慢了,因为DOM中可能有成千上万的<circle>元素。 我如何解决它: ...

10 在d3.js中获取输入选择的数据

对于d3,*。enter()返回的选择很特殊,因为它只是即将到来的元素的占位符。 不幸的是,这意味着我无法使用* .data()获得与输入元素相关的数据(如* .exit()。data()可能的那样)。 我目前处于以下情况:几个过渡的时间取决于初始化这些元素之前输入元素的内容。 因 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM