问题标签 [sunburst-diagram]
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 - Y 轴上的 D3 旭日形面包屑
我是 D3 的新手,正在尝试通过在 Y(垂直)轴上显示面包屑来修改 Kerryrodden 的序列 sunburst。
这是我要做什么的一个例子:
这是我所在位置的小提琴:http: //jsfiddle.net/niceux/tth0goc7/
基本上,我尝试查找 svg 组的附加位置,并在小提琴代码的第 199 行将 x 轴代码与 y 轴代码交换:
javascript - 通过添加缩放改进序列旭日形
我有一个带缩放的旭日形序列,它适用于突出显示路径和着色问题。我正在尝试为此可视化添加过渡。
我添加了以下行来创建缩放
点击功能是:
我还添加了以下 arcTween 和 stash 函数
过渡不起作用,如果有人可以帮助我在此示例上应用缩放
javascript - 更新旭日形双层分区中的文本
我有一个带有弧内文本的旭日形双层分区,但是当我更改级别时,其他级别的文本是可见的,有时级别顶部的文本不会被删除。任何人都可以帮助我吗?
这是我在内部创建路径和文本的代码,以及当我放大顶层或放大 dwon 级别时的功能。
javascript - 在径向底部反转SVG文本?
超过一定程度的文本应该被镜像......我很肯定它是一个翻译属性,但老实说,我认为我可能不得不重做我附加文本和 textPath 的方式,也许是它之前的 svg:path。当我申请translate
时,它似乎与任何事物无关。
任何帮助,将不胜感激。不确定我是否走在正确的轨道上。
javascript - 将文本添加到 d3 上的旭日形双层分区
我正在尝试在我的旭日形双层路径中添加文本,但我无法做到这一点。任何人都可以帮助我吗?这是我使用双层分区的旭日形首饰的代码
javascript - d3.js 将鼠标悬停在一个节点上以触发另一个节点的鼠标悬停事件
我试图将旭日形与边缘结合起来。
这是我现在所做的:http ://www.csee.umbc.edu/~yongnan/untitled/ringLevel.html
当您将鼠标悬停在红点上时,它将突出显示相关链接。
在程序中,dots 有绑定鼠标悬停事件。
旭日形的弧线也绑定了鼠标悬停,
我想将鼠标悬停在圆弧上,然后在节点上触发鼠标悬停事件,我该如何完成?
任何建议表示赞赏,谢谢。
javascript - 如何创建带有大小信息的 Flare.json 数据,用于带有标签的可缩放旭日形
我必须创建一个像 Flare.json 这样的 json 文件来实现带有标签可视化的可缩放旭日形。
创建 json 数据文件的大小值必须在什么基础上给出。我找不到有关尺寸信息的任何参考。它是随机值还是节点值或如何生成它..?有人可以上传示例代码来创建包含大小信息的动态 json 文件吗?
javascript - D3.js 可缩放旭日形不缩放
我有一个静态的 3 级森伯斯特图 -
http://colinwhite.net/Sunburst/
我的数据嵌套在这个函数中
http://colinwhite.net/Sunburst/js/treeRemapper.js
我的方法是基于这个例子 -
http://bl.ocks.org/mbostock/4348373
出于某种原因,我的缩放和补间不起作用 -
谁能告诉我我做错了什么?
javascript - D3.js Sunburst Incorrect Arc Scales
I have a Zoomable Sunburst diagram exhibiting strange problems with arc sizing.
http://colinwhite.net/Sunburst/
I would expect the size the arcs to be proportional to number of children (shown in the tool tip). Yet, I have parent arcs with few children, that are proportionally larger than their peers with far more children. Arc size is not reflective of number of children. I've tried various other d3.scales which haven't helped. What am I doing wrong?
My code is largely boiler plate from the D3 examples.
The JSON is nested with this genJSON function -http://colinwhite.net/Sunburst/js/treeRemapper.js
Thanks for any help or advice.
csv - d3.js 来自自引用 CSV 输入的可缩放 Sunburst 可视化
我是 d3.js 的新手,需要帮助来调整Zoomable Sunburst以使其与自引用 CSV 数据一起工作。来自输入 CSV 的示例行:
正如你所看到的,有不同的深度级别。在某些地方,数据达到 3 级,在其他地方,我们的父子关系可能达到 9 级,依此类推。那是给你的政府预算!虽然除了这 4 列之外还有一些对可视化并不重要的列(此处省略),但我会在鼠标悬停时在侧窗格中显示它们的内容。因此,虽然不是关键的,但任何额外的列都需要通过而不被丢弃。
我查看了许多 d3.nest() 示例,但这些示例似乎不适用于父子自引用列和具有可变深度级别的数据。
我目前正在使用一种解决方法将其转换为flare.json 格式的分层JSON,使用这个DataStructures.Tree项目。但寻找更直接的解决方案。几乎就在那里,但不能混合来自不同来源的代码。如果能看到完整的自上而下的解决方案,将不胜感激。提前致谢!