草庐IT

javascript - d3.js - 当鼠标悬停在 SVG 容器上的这些元素上时,如何将光标设置为手?

我已经使用d3.js在SVG容器上绘制了一些圆圈。我已经成功地在这些圆圈上设置了鼠标悬停行为以打印简单的控制台消息。我在鼠标悬停(和鼠标移出)时看到这些控制台消息,所以我知道它们工作正常。但是,我不想打印控制台消息,而是想在将鼠标悬停在上面时将光标更改为手,并且在鼠标移开时将光标更改回正常的箭头。鉴于我的代码如下,我该怎么做?在鼠标悬停时,我知道我需要将样式属性cursor更改为pointer,在mouseout时,我知道我需要将其更改为default但我不知道我应该怎么做的语法。有人可以向我解释一下吗?下面是我的代码。varmyCircle=svgContainer.selectAl

javascript - Chrome v.44 中的 translate3d 存在错误?

Chrome44(44.0.2403.89m)刚刚发布,我在使用translate3d时遇到了问题。(在Mac和Windows版本中)这会影响像fullPage.js这样的插件因此thousandsofpages在这一刻。(Openedissueatfullpage.jsgithub)在我看来,当在短时间内连续将两个不同的翻译值应用于同一元素时,当我应用新值时它会将其位置重新设置为0,从而导致错过之前的转换。我无法完全隔离它并像我希望的那样干净地重现它,但这是我所能做的:http://jsfiddle.net/9ksx000q/3/要重现它,只需向下滚动。如果您连续执行此操作,您会注意

javascript - 使用 Crossfilter 和 D3 重绘直方图

我正在调整Crossfilter库可视化我从Olympics收集的一些推文.我试图通过两种方式从本质上扩展初始示例:我不想显示基于原始数据集的航类列表,而是想显示另一个数据集中的项目列表,该数据集以交叉过滤器当前选择的项目为键。在不同数据源之间切换并重新加载直方图和表格。我已经让第(1)部分按计划工作了。但是,第(2)部分给我带来了一些麻烦。我目前正在通过选择要显示的新“运动”或选择新的摘要算法来更改数据集。在切换其中任何一个时,我认为我应该首先删除以前创建和显示的过滤器、图表和列表,然后重新加载新数据。但是,作为前端可视化的新手,尤其是D3和Crossfilter,我还没有想出如何做

javascript - 结合 d3.js 和 backbone.js

我正在开发一个项目,它将所有d3.js可视化与backbone.js结合到一个页面应用程序中。由于我有很多可视化效果,例如条形图、饼图等,我想知道解决这个问题的最佳方法是什么。例如,假设我有两个条形图和一个饼图。我是否应该将所有设置的边距、比例、渲染所有图表的所有数据放在一个View中?既然有两种不同类型的图,模型应该是什么?View、Model、Controller、Collection等应该放什么?提前致谢 最佳答案 我研究了一些D3和Backbone的结合,并且有一些现有的解决方案:OverviewpresentationSh

javascript - 在 d3.js 中制作弧线

我正在使用javascript库d3.js(http://d3js.org/)创建Canvas数据可视化。我正在尝试制作弧线,但它不接受来self的数组的数据参数。有谁知道我做错了什么?这是我的代码:varchartConfig={"canvasSize":800}varradius=chartConfig.canvasSize/2;varpi=Math.PI;varvis=d3.select("#chart").append("svg").attr("width",radius*2).attr("height",radius*2).append("g").attr("transfor

javascript - d._children = d.children; 的语法是什么?在 d3.js 中代表什么?

在树可视化的各种示例中,例如collapsibletree例如使用了语法d._children=d.children;。例如,在上面示例中的代码块中://Togglechildrenonclick.functionclick(d){if(d.children){d._children=d.children;d.children=null;}else{d.children=d._children;d._children=null;}update(d);}语法d._children到底是什么意思?我不清楚这是在哪里定义的,是d3.js特定的还是一般的JavaScript语法。关于涉及此类方

javascript - 使用不带 DOT 的 d3.js 的有向无环图

我正在尝试使用d3.js绘制有向无环图。在搜索布局时,我遇到了Dagre但它似乎用处不大,因为我不想在任何地方使用基于DOT的代码。如果有人知道此纯Javascript解决方案或DAG的插件/自定义布局,请告诉我。提前致谢。 最佳答案 Dagre作者在这里。Dagre不包含任何graphviz代码——它是纯JavaScript。它基于类似的布局技术;两者均基于Sugiyama论文中的技术。你可以在这里找到一些dagre的例子:http://cpettitt.github.io/project/dagre-d3/latest/demo

javascript - 如何使用 d3.js selection.text() 方法添加

selection.text(' ')似乎转换了特殊字符,因此它呈现实际文本,而不是我想要的空格。有没有办法阻止选择上的text()方法为我进行这种转义?对于上下文,这是一个表格单元格,对于所选内容中的某些元素是空的,我需要其中的空间以便单元格正确呈现。 最佳答案 使用JavaScriptUnicode转义而不是HTML实体。 在HTML中表示Unicode字符U+00A0所以selection.text('\u00A0')应该做你想做的。 关于javascript-如何使用d3.jss

javascript - d3.js - 开始和结束刻度

我正在d3.js中构建面积图。对于我的y轴,我想使用从图中表示的数据的最小值延伸到最大值的线性刻度。使用y=d3.scale.linear().range([height,0]),yAxis=d3.svg.axis().scale(y).orient("left")d3仅显示10000的倍数的刻度。我还希望看到起始值和结束值的刻度。这可能吗?怎么办? 最佳答案 nice()方法通常更可取,但如果您确实希望在数据的最大值和最小值处有明确的刻度标签,您可以强制轴包括它们,连同比例尺将创建任何默认刻度值:axis.tickValues(s

javascript - 无法使用 D3 使路径绘制缓慢增长

使用d3图形库,我似乎无法让路径绘制缓慢,因此可以看到它们在增长。Thissite在“折线图(展开)”部分有一个完美的例子,但没有给出该部分的代码。有人可以帮助我了解可以实现这一目标的D3代码行吗?当我尝试附加delay()或duration()时,例如在以下代码片段中,路径仍然立即绘制,并且该段之后的所有SVG代码都无法呈现。varmpath=svg.append('path');mpath.attr('d','M3548L2248L2235L2222L3522L3535L4835L4848').attr('fill','none').attr('stroke','blue').du