- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个简单的 d3.js 时间序列图,绘制为 SVG 圆圈。这些圆圈是键绑定(bind),因此当我从数组末尾删除数据时,右侧的圆圈将被删除,而当我从数组开头删除项目时,左侧的圆圈将被删除 exit.remove()
.
var circles = svg.selectAll('circle')
.data(data, function(d){return d.key})
现在,我想对 SVG 路径执行相同的操作。有没有办法将键绑定(bind)应用于 SVG 路径?
最佳答案
当我想在 d3 中使用 SVG 路径制作实时更新图时,我遇到了类似的问题。 d3 对于整个数据序列仅使用一个路径元素,即对于给定的数组,绘制的一条路径可能会变得非常长,具体取决于您的数据。这意味着 d3 不能通过删除圆形等 DOM 元素来简单地删除绑定(bind)数据元素。它必须修改类似 <path d="M0,0L1,0L2,1L3,2">
的内容至<path d="M1,0L2,1L3,2">
。不幸的是,我不认为 d3 具有此功能(尽管您可以自己编写代码!您需要重写 d3.interpolateString 并编写一些自定义插值器来注意到丢弃的点。)
这也意味着您无法使用 D3 的数据选择器,因为数据适用于具有多个元素的组,例如 svg 圆圈。您将必须使用 select("#yoursvgpath").datum(data)
相反,它设置单个元素的数据,其中 data 是您的数据数组。
由于我知道我的代码运行的硬件速度很快(台式机 i7、ssd 等),因此每次添加或删除元素时我都会重新绘制路径。即便如此,它在 Firefox 中还是相当慢(但在 Chrome 中还不错),尤其是当点数超过 10,000 左右时。要重绘,只需再次调用 datum,然后重新应用坐标更改器(mutator)(类似于 select("#yoursvgpath").attr("d", line)
,其中 line 是路径数据更改器(mutator))。我最终只重新绘制每 5,000 个数据元素,这样路径就不会不断地重新计算。
如果其中任何一个令人困惑,我肯定会阅读有关在 d3 中制作折线图的内容,它与基于点的图表有很大不同(并且不太直观)。我还想看看https://gist.github.com/mbostock/1642874和 http://bost.ocks.org/mike/selection/ ,了解有关 d3 选择和折线图的更多信息。
关于javascript - 与 d3.svg.path() 的键绑定(bind),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18181648/
这是我的作业 What does echo PATH $PATH \$PATH do? 我不知道它是如何工作的。 echo PATH打印“路径” $PATH创建一个“PATH”变量......也许?
我想弄清楚两者之间的区别 路径=路径+[节点1] 路径+=[节点1] path.append(node1) 我得到的是 path = path + [node1] 的正确路径,但不是其他两个。 def
我使用 Robot 框架在 Ride 中创建了一个测试用例。运行时出现错误。 我更新了python的路径。我更新了库和 Ride。我换了文件夹还是不行 *** Settings *** Documen
我尝试使用额外的功能自定义 pathlib.Path()。特别是,我真的很喜欢使用上下文管理器作为移入和移出目录的方法。我一直在使用它,但我似乎在让 Path() 与自定义上下文管理器一起工作时遇到错
编辑:基于 Ulf Rompe 的评论,重要的是使用“1”而不是“0”,否则您将破坏 sys.path . 我已经做 python 很长一段时间了(一年多),我总是很困惑为什么人们建议你使用 sys.
我有兴趣这样做的原因是因为我的路径中有一部分将保持不变,但我希望将其与其所有父部分一起删除。 所以如果我们说, some/unknown/path/foo/bar/baz 我想回去 bar/baz 但
在几个 SO 的问题中,有这些行可以访问代码的父目录,例如os.path.join(os.path.dirname(__file__)) returns nothing和 os.path.join(o
我已经在我的 Linux 中安装了 anaconda 来导入 python 包。 安装 anaconda 后,我无法在 python 中使用 anaconda,经过一番搜索后我发现输入此命令我能够使用
哪个更好用,为什么?我的意思是这两个命令在哪些方面不同以及如何不同?性能、可读性…… new FileInfo(path).Name 或 Path.GetFileName(path) 最佳答案 因为您
这不适用于某些设备。 在三星设备中,他们不允许使用下载管理器下载文件。 我已经在 list 中定义了权限并获得了运行时权限。 DownloadManager downloadManager = (Do
我想知道在这个例子中使用 Paths.get() 和 Path.resolve 有什么区别: public static void main(String[] args) { Path p1
目前我正在开发一个转换由 Inkscape 创建的 svg-paths 的应用程序。现在我不清楚关于绝对和相对路径组合的路径规范。规范是否说明了同时包含相对和绝对坐标的路径定义? 特别是关于绝对贝塞尔
我正在编写脚本,我需要在用户的 $PATH 上查找命令并获取该命令的完整路径。问题是我不知道用户的登录 shell 是什么,或者他们的 do 文件中可能有什么奇怪的东西。我将 bourne shell
Metalsmith 的文档对 path() 函数没有太多解释:#path(paths...): Resolve any amount of paths... relative to the work
我知道我可以通过 regedit 更改我的 wine PATH,但实际上我只需要为一次运行更改 PATH。 例如,我的软件名为frontend.exe,这取决于example/mylib.dll,我需
因此,绝对路径是一种到达某个文件或位置的方法,描述了它的完整路径、完整路径,并且它依赖于操作系统(Windows 和 Linux 的绝对路径,例如,不同)。另一方面,相对路径是从当前位置 ..(两个点
我对编程有点陌生(不是真的,但我仍在学习 - 我们不是吗?)。虽然我了解 Java 和 Python,并且了解 C、C++、JS、C#、HTML、CSS 等(并且我可以在终端中很好地导航),但我不熟悉
我对编程有点陌生(不是真的,但我仍在学习 - 我们不是吗?)。虽然我了解 Java 和 Python,并且了解 C、C++、JS、C#、HTML、CSS 等(并且我可以在终端中很好地导航),但我不熟悉
这个问题不太可能对任何 future 的访客有帮助;它只与一个较小的地理区域、一个特定的时间点或一个非常狭窄的情况相关,通常不适用于全世界的互联网受众。如需帮助使此问题更广泛适用,visit the
使用环境变量(如 PATH)作为 $PATH 或 ${PATH} 有什么区别? 最佳答案 在大多数情况下没有区别。唯一重要的是你是否想在扩展后包含尾随文本。例如,假设您的 PATH 包含字符串 FOO
我是一名优秀的程序员,十分优秀!