问题标签 [sunburst-diagram]

所以我知道这个答案是为了隐藏不适合图表的文本：如果有足够的空间，D3 put arc labels in a Pie Chart

但我不知道如何将其引入下面的代码中。我已编辑此代码以使其在查看时只能看到第二个内圈。但即便如此，许多标签也没有足够的空间来容纳它们各自的切片。所以我想添加更多逻辑，只是为了检查文本是否适合。

或者更简单的方法是，如果切片不占用它所在的整个圆圈的分区的至少 10%，然后隐藏它。

这是JS小提琴：

http://jsfiddle.net/P79kX/ 这不是一个完美的 JSFiddle，它并不能准确地反映我的代码。但概念是一样的，检查边界框。

这是代码：

我的数据格式与flare.json此示例中使用的一样：

我只是想知道d3 zoomable chart uses以这种格式获取数据的功能是什么

在flare.json中是这样的

并在示例中转换为此。这是哪条线？

图表

在此处发布问题和答案，以便以后避免其他人遇到同样的麻烦...

当我使用d3.layout.partition创建两个旭日形图表时，第一个旭日形的切片比例在调整切片大小时被第二个旭日形的切片比例覆盖。

这两个图表将不同.value的访问器函数传递到分区布局中，例如

对比

它们会生成自己的节点列表，这些节点不会在两个旭日形之间共享。但是，如果我重新调用d3.svg.arc生成器以调整更大的半径（但不改变整体比例），切片角度会突然被覆盖。

请参阅此处的示例：http: //bl.ocks.org/explunit/ab8cf15534f7fec5ac6d

我正在使用带有标签的metmajer的可缩放旭日：

...具有大量节点。对于小分区，标签似乎非常不清楚，并且图表缩放太慢。如果不清晰（可能取决于深度），有什么方法可以隐藏标签，以便我的图表也清晰快速？

我正在尝试调整此示例http://bl.ocks.org/kerryrodden/7090426：

以便将鼠标悬停在选择所有同名段而不是当前段的祖先。

这是脚本

感谢您的帮助

This D3 example served as my starting point:

http://bl.ocks.org/kerryrodden/7090426

I wanted to change data that feeds the diagram, and I made following new example:

http://jsfiddle.net/ZGVK3/

One can notice at least two problems:

1. Legend is wrong. This is because it still contains 'hardcoded' names from original example.
2. All nodes are colored black. This is because the color scheme is also 'hardcoded' only for node names from original example.

How to improve the original example (or my jsfiddle, it doesn't matter) so that legend and coloring are self-adjusted to the data that feeds the diagram?

我正在尝试调整此示例http://bl.ocks.org/kerryrodden/7090426：

因此，图表中间的#explanation div 给出了悬停在上面的段的名称，而不是 %。这是脚本

感谢您的帮助

我正在尝试构建一个基于父子关系划分数据的 D3 可视化。
http://blog.luzid.com/2013/extending-the-d3-zoomable-sunburst-with-labels/ 这些示例中使用的 JSON 遵循与此类似的模式：

我需要做的是获取一组表格数据并将其转换为该格式的 JSON 对象。因此，我输入的数据（我无法更改）如下所示：

所以，你可以把它想象成一张有 Child | 的桌子。家长 | 尺寸。显然，拥有一个像这样工作的函数会很棒：

数据可以按任何顺序出现，所以我一直很难构建一个循环遍历数据并创建 JSON 树的递归函数，但有时我可能有一个孩子，其父级的父级尚未创建. 我还尝试先循环创建父母或父母与父母的索引，但管理起来非常困难。

现在，我想知道我是不是走错了路。有没有更简单的方法可以简单地将我拥有的阵列数据集加载到 D3 中以用于树结构？

任何帮助将不胜感激。谢谢！

我有一个正常的序列sunburst jsfiddle，因为你可以正常工作。

我正在尝试改进这种旭日形以获得缩放技术。

使用以下代码，我可以进行一步缩放，

点击功能是：

该代码还具有如下所示的 arctween、stash 和 reposition 功能

这是我的带有缩放JSfiddle的旭日形首饰的最终版本

问题是：如何使序列 sunburst 与缩放方法一起使用？以及如何停止 zoomin 和 o 返回为 [bilevel 或 zoomable sunburst]

我想知道如何使用 arcTween 一次为多个圆弧路径制作动画。插值到底有什么用。？

请找到我正在尝试实现但无法实现的以下图像。我希望我能在这里得到更好的解决方案。

这是我的代码JSFiddle。

每次单击按钮后，弧形路径应以过渡或动画的方式更改其路径，如上图所示。