程序员经验分享-hwhale

.selectAll() 到底做了什么？

2024-01-08

我一直在玩这个例子“使用 D3.js 将 XML 呈现为 HTML 表” https://gist.github.com/ashleybot/1873934，尝试并学习D3.jsAPI。我想我已经掌握了它的窍门，但我无法真正理解它是什么.selectAll()确实如此，并且文档 https://github.com/mbostock/d3/wiki/Selections#wiki-selectAll对它不是很有帮助。

如果您查看示例，第 17 行：var td = tr.selectAll("td")。我也可以将其写为tr.selectAll("tr")它将返回完全相同的表/页面。其实我可以写tr.selectAll("SomethingCompletelyRandom")它仍然有效，但我无法删除.selectAll().

这里发生了什么？什么是.selectAll()做？它如何依赖于选择器？


您指向的 API 链接在先前的选择（它是子选择）上使用 selectAll，因此您查看可能没有意义（并且可能会令人困惑）。要查看的文档的相关部分是here https://github.com/mbostock/d3/wiki/Selections#wiki-d3_selectAll，更一般地说，是对该选择文档页面的介绍，here https://github.com/mbostock/d3/wiki/Selections.

两者同时使用的原因td and tr在这里起作用的是，初始选择在这两种情况下都不会返回任何内容（因为您选择的位置，tr，尚未添加任何内容。）选择要创建的内容是标准做法，因为将其扩展到动画并更新时变得极其重要。

我建议看看三个小圆圈 http://mbostock.github.com/d3/tutorial/circle.html and 用连接思考 http://bost.ocks.org/mike/join/教程

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

d3js

htmltable

.selectAll() 到底做了什么？ 的相关文章

  • 如何将 TextArea 放入表 td 中？

    我想放置一个textarea内表td 不幸的是 它仍然是单行的 td align right valign top td td td

  • D3 旭日弧尺寸

    我正在尝试根据以下示例创建 D3 旭日图 https bl ocks org maybelinot 5552606564ef37b5de7e47ed2b7dc099 https bl ocks org maybelinot 55526065

  • FF 和 Webkit 中边框折叠的差异

    我有一个包含以下规则的表 table cellspacing 0 cellpadding 0 style width 100 并且单元格具有以下 CSS td padding 4px height 22px border 1px solid

  • 如何将 HTML 表格导出为 .xlsx 文件

    我有一个关于导出的问题HTML表格 as an xlsx文件 我做了一些工作 现在我可以将其导出为xls 但我需要将其导出为xlsx 这是我的 jsFiddle https jsfiddle net 272406sv 1 https jsf

  • Angular *ngFor 循环遍历数组的数组

    我有一个数组 其中包含其他数组 如下所示 array element A element B YES NO 我想使用 ngFor 循环遍历 HTML 表中的这个对象数组 table thead tr th th th COLUMN 1 th

  • 元素不适应 Firefox 上的

    使用 ES6 ish D3js 模块运行 Angular 6 应用程序会导致 Firefox 出现问题 Chromium Chrome Safari 和 IE Edge 工作正常 伪代码看起来类似于 生产代码可以在下面找到

  • 需要帮助绘制多元线之间的区域 - 而不是从轴到线

    我是 d3 js 的新手 我正在努力填充多元百分位数图中线条之间的区域 我不希望在最底线下方或最顶线上方填充任何区域 第一列始终位于图表的底部 第 5 个百分位 最后一列将始终位于图表的顶部 第 95 个百分位 我需要每条线之间单独的区域段

  • HTML 表格 - 固定列宽和多个可变列宽

    我必须建立一个有 5 列的表 表格宽度是可变的 内容宽度的 50 有些列包含固定大小的按钮 因此这些列应该有一个固定大小 例如 100px 有些列中有文本 所以我希望这些列具有可变的列宽 例如 Column1 tablewidth sum

  • 将html表格保存到excel中[关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 我必须编写一个程序 定期读取网页并将

  • d3.event.translate 在触摸设备的缩放上包含 NaN

    我使用 d3 为我的 svg 编写了一个自定义缩放函数 如下所示 Zoom behavior function myzoom xpos d3 event translate 0 ypos d3 event translate 1 vis a

  • 如何将包含大量表格的 HTML 文档转换为 Word 文档？

    我创建了一个包含许多表格的 HTML 文档 如何将文档转换为Word 问题是 如果我用 Word 打开 HTML 文档 由于某种原因我会得到非标准的双行表格 table border 1 color 000000 cellpadding 0

  • 增加 D3 图中边缘的可点击区域

    我有一个由 d3 制作的图 dagre d3 位于其顶部用于绘制有向图 这给出了我对渲染图表的期望 要编辑构建图表的数据 每个元素都是可单击的 这对于使用标签渲染边缘的情况来说很好 但它们并不总是有标签 导致未标记的边缘很难单击进行编辑 分

  • 如何在“object”标签内选择 SVG？

    HTML 页面的内容如下所示 方法如下script js looks var tooltip d3 select body append div style position absolute sty

  • d3.js比例符号图：根据数据值设置圆的半径

    我正在遵循这个关于如何使用 d3 js 和 mapbox 制作地图的精彩示例 https franksh com posts d3 mapboxgl https franksh com posts d3 mapboxgl 它工作得很好 除了

  • 如何运行 Mike Bostock 的 D3 示例？

    我一直在尝试经营迈克博斯托克透视地球仪 http bl ocks org mbostock 6747043例如 但是如果您尝试在本地重现它 则对其 json 文件的引用是不正确的 问题来自于这行代码 d3 json mbostock raw

  • 动态向表添加行

    目前 我正在尝试创建一个表 其内容应该由子类创建 查询 RESTful Web 服务的结果 我已经为此工作了相当长一段时间 但我似乎无法让它发挥作用 我尝试了很多不同的解决方案 在子类中创建表并将其添加到 Page Controls 中 这

  • 使用什么比例仅在 d3 js 中的 x 轴上表示年份

    我一直在 D3 Js 中开发年份 x 轴 与收入 y 轴 的面积图 数据如下 localData Revenue 4 5 Year 2011 Revenue 5 5 Year 2010 Revenue 7 0 Year 2012 Reven

  • 如何使用 CSS 使表格中的分隔线/边框消失？

    我有一个简单的 HTML 表格 我希望分隔线 边框 消失 所需的最终结果是一个除了实际文本之外不可见的表格 我尝试将 border 属性设置为 0 但没有帮助 我应该使用什么正确的 CSS 属性 table tr td th border

  • 通过单击表格单元格中的任意位置来勾选表格单元格中的复选框

    我正在尝试找出如何执行此操作 但我无法在任何地方找到该信息 基本上 我有一个表格 每个单元格都包含一个复选框 我希望能够通过单击单元格内的任意位置来勾选复选框 我不知道该怎么做 Javascript 对我来说是最好的解决方案 但我也可以使用

  • 为什么table-layout:fixed会影响父元素的宽度？

    有人可以解释为什么我的div with table layout fixed正在改变其父元素的宽度 body在本例中 使其在不应该是 100 的情况下达到 100 因为它已经定位了 body border 2px solid red hei

随机推荐

热门标签