问题标签 [sunburst-diagram]

我已经从http://bl.ocks.org/mbostock/raw/910126/下载了代码，我相信我也下载了正确的 json 文件（基于flare.json）。但是，当我运行脚本时，旭日形图完全是黑色的，显然是由于颜色函数中的错误“d.parent.data is undefined”：

除了更改 json 文件之外，代码与示例代码匹配。唯一的其他区别是我将代码作为 Drupal 节点运行。

我在尝试将文本定位在基于 d3.js 的 Sunburst 图表的楔形内时遇到问题text。即使在缩放时，元素似乎也没有按需要定位..

这是我尝试但未成功的代码的简短片段：

这是图表的小提琴

可能有什么问题？任何人都可以告诉我或指导我如何定位<text>内部 svg <path>。看起来解决方案是对此的一个小调整，但即使尝试了很长时间我也无法做到。

任何有关解决方案方向的帮助/评论将不胜感激......在此先感谢......

我在这里有一个森伯斯特代码：http: //plnkr.co/edit/EG0MzWEPB242g7VdSQQd ?p=preview

当我单击与“来自肿瘤细胞”相对应的橙色区域时（参见下图中的标题），我得到以“来自肿瘤细胞”为中心的聚焦图。

当我将鼠标悬停在标记为“肝脏或胰腺”的区域时，下面标题框中的文本会发生变化，而它不应该发生变化。我想这个问题只在第二和第三象限（90度到270度）。在花了这么多时间之后，我找不到解决这个问题的方法。

我希望有人对此有答案。

我是 D3 的新手，正在尝试通过缩放和动画升级Kerryrodden 的序列 sunburst ：

我在onclick事件中添加了缩放机会并完全重绘了路径：

但现在我在动画方面遇到了一些麻烦。我发现了许多版本的 attrTween：

bl.ocks.org/mbostock/1306365，bl.ocks.org/mbostock/4348373）， _

但它们都不适用于我的情况。

这是我的 CodePen：

如何为这个旭日形的钻取设置动画？

这是我第一次使用 D3，想知道是否有人可以解释我如何创建只有两层的 Bilevel Partition。

完整和不完整的部分。然后完整的部分显示平均正确和不正确。

我看过这段代码http://bl.ocks.org/mbostock/5944371

但我并不完全了解它的作用。

我制作了序列旭日形可视化，并希望为每条路径添加一个链接。

我阅读了类似的问题d3.js，单击链接到另一个用变量编码的 URL，并且可以根据特定路径的变量建立链接。（参见下面的代码）此代码可能会生成像“ http://somelink.com/link.php?id1=CurrentNode ”这样的 url 。

但是，我想使用层次结构信息生成诸如“ http://somelink.com/link.php?id1=CurrentNode&id2=ParentNode ”之类的url。

我对javascript不太了解，所以我需要帮助。

我想出了如何为三个层次的阳光制作网址。为了获得基于朝阳水平的价值，我对 Lars 的建议进行了少许修改。

D3.js experts,

I'm working on a Zoomable Sunburst visualization in d3.js (http://bl.ocks.org/mbostock/4348373) and I'm having trouble combining the zooming capabilities with a data update to the sunburst. So far, I'm able to get the arcs to transition correctly when the data changes, but if I try to zoom in after the data changes, the arcs don't transition properly.

If I zoom into an arc before I switch the data, everything works fine. As soon as I change the data, zooming stops working.

Heres's the tween function that I'm using for Zooming:

Here's a JSFiddle that illustrates the problem. http://jsfiddle.net/shomewa/j9WnB/47/

To reproduce, change the form to Price and then try to Zoom in to an Arc by clicking on it. Does anybody know what's going on here? Thanks in advance.

我一直在尝试使用size/count transition修改可缩放的旭日形首饰示例。这个小提琴显示了我目前的情况。

我遇到了一个问题，即两种转换的组合不会产生预期的结果。如果您首先单击某个节点进行放大，然后触发大小/计数转换，则应显示的节点无法正确显示。

我对此的解决方案是避免在图形已放大时触发大小/计数转换：我通过模拟单击根节点（缩小）然后更改大小/计数来重置旭日形。这种方法确实有效，但视觉效果不是很令人满意，正如您在我的示例中看到的那样。这是我正在测试的两种方式之一：图形重置和由单选按钮“更改”事件触发的大小/计数转换。

撇开实现选择（在相同事件或不同事件上触发转换）和浏览器问题（尝试了不同结果的 Firefox 和 Chrome），问题在于两个转换似乎重叠。在第二个中使用 .delay() 没有帮助。

视觉效果是第二次过渡，不是单一的平滑过程，而是一下子进入最后阶段，然后回到初始阶段，从头开始流畅地播放过渡。

热烈欢迎任何指示或建议......谢谢！

我正在使用这个模型：http ://www.jasondavies.com/coffee-wheel/ ：

我做了一个效果很好的旭日形图案，除了放大或缩小时，有时它会改变当前节点。

当我查看工具提示时，我可以看到“区域”没有引用正确的元素，而是将我发送到了这个错误的元素。我不知道那可能来自哪里。

name应该是“LDG”，但是有一个小区域，其中有对另一个元素的引用。

PS：看起来demo也有这个问题，只是因为没有工具提示，所以很难注意到。

PPS：可点击元素是文本！（在大多数情况下）文本只有一个opacity = 0并且仍在视图中。这就是问题所在。它们不能被正确隐藏。仍在努力。

怎么做才能给孩子与父母相同的颜色但更浅，我使用以下来生成颜色

此代码为每个节点提供随机颜色。 第一张图片：随机颜色

下一张图片是我需要的，我的代码随机生成它。 渐变色

我想让孩子的颜色比父母的颜色浅。

对不起，我把我的结果图像作为链接，因为我没有足够的声誉。谢谢你