问题标签 [circle-pack]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 我想使用 raphael 将鼠标悬停事件添加到我的代码中?
但这给了我错误
Uncaught TypeError: Object [object Array] has no method 'mouseover'
。我想在它上面添加所有鼠标悬停事件
如何解决这个问题。
javascript - 如何在 Rails 应用程序中显示 d3.js 圆包图?
我一直在努力做到这一点:http : //bl.ocks.org/mbostock/4063269#flare.json 示例在我的示例 Rails 应用程序中工作以了解 d3.js。但是,我很难让它发挥作用。
我将以下代码放入我的 index.html.erb 文件中:
我将flare.json 文件放在我的app/assets/data 目录中。但是,似乎 javascript 无法从该位置加载flare.json 文件。我只是不确定如何使这项工作:(如何指定 json 文件的位置,以便 javascript 可以加载它并且代码可以工作?任何建议都会很有帮助。
javascript - D3 Pack 布局 - 将事件附加到子元素
我正在使用 D3 Circle 包布局,想知道是否可以将事件附加到子元素?
我使用此代码附加事件:
但是该事件没有触发,我已经使用 FireBug 对其进行了调试,并且它没有进入事件函数。我也不能做简单的悬停事件。我可以将事件附加到所有父元素。
我已经部分解决了。这是由 css 引起的:
如果我删除它,它也会为子元素触发事件,但缩放看起来不太好。现在必须努力解决这个问题..
javascript - d3.js节点之间的链接不呈现为线
我正在使用修改后的气球图,并且在获取要渲染的节点之间的链接时遇到问题。我正在使用 JustinVDM 的自定义气球图(https://gist.github.com/justinvdm/3676778)
使用的数据是股票 Bostockflare.json 数据:http ://bl.ocks.org/mbostock/4063530 。
如果我在 中包含“错误”选项d3.json("flare.json", function(error, root) {...
,它将出错。没有它,至少节点会出现。源和目标的数据是否已被识别?
如果是,下面的尝试是尝试调用父源和目标子的坐标并在它们之间画一条线,但我不知道这种方法是否合适。我应该改为使用d3.svg.diagonal
吗?
这是出现的图表:
更新:我从 API 参考中添加了以下关于“hierarchy.links”的代码:
结果有点奇怪,但如果我替换d3.svg.diagonal()
为d3.svg.line()
,代码会中断。
我如何只制作边缘线而不是丝带?
javascript - D3JS 打包的圆形布局,相对于父级的填充
我正在寻找一种在使用圆形包装布局以允许标记非叶节点时在父节点和子节点之间添加填充的方法。这是为了允许标记中间节点,因为只标记示例中的引导节点,http ://strongriley.github.io/d3/ex/pack.html 不会公开我想要的信息级别。
目前我正在制作这个 jsfiddle,http://jsfiddle.net/rJC2E/。但正如您所看到的,中间标签重叠。目前我的半径只是使用以下代码设置
我试图通过乘以 0.9 来改变半径,等等,但这并没有导致我正在寻找的结果。咖啡脚本中的当前代码是:
谢谢,
javascript - 递归循环包装?
我有一个 JSON 对象,我希望能够将其可视化为这样的圆圈层次结构(您可以使用鼠标单击放大和缩小层次结构)。
我只是想弄清楚如何使用 d3.layout.pack 为下面的 JSON 对象生成层次结构并访问位于 Franchise 下的数据。任何指针将不胜感激。谢谢。
javascript - D3:用 d3.svg.line() 代替 d3.svg.diagonal()
我已经用 d3.svg.diagonal() 渲染了下图。但是,当我尝试用 d3.svg.line() 替换对角线时,它似乎并没有拉出目标数据和源数据。我错过了什么?我对 d3.svg.line 有什么不明白的地方吗?
以下是我指的代码,后面是完整代码:
...
整个代码:
使用“line”时svg的d属性如何消失的比较。
javascript - D3 圆形包中的自定义属性和颜色
我不能执行以下操作:
1:将圆圈的颜色改为json对象中的color属性。
2:单击圆圈时,从 json 对象中获取名为 id 的自定义属性。
我的点击处理程序在圆形节点(hello world)中工作,但无法获取 id 属性。
这是我的代码:
javascript - D3 圆圈包:文本属性中的 html
下面的代码可以正常工作,因为我可以将文本字符串输出到气泡中。
但是如何将 HTML 标记输出到气泡文本标签中?您可以在第一个“名称”属性中看到我的 HTML 标记。
这个 div 在这个例子中非常简单,但它最终会包含更多的标记和一个 css 的类 id
javascript - D3 圆圈包示例 - 在新窗口中打开
http://bl.ocks.org/mbostock/4063269 ‚:
我想重新创建此代码,但我将有一堆菜单项可供单击。当用户选择他们想要的项目时,我想在新窗口中打开气泡。这是当前在同一框架中打开它的代码。有没有办法更改此代码以在新窗口中打开页面: