【发布时间】：2014-02-15 07:07:10
【问题描述】：
请帮我创建这样的图表：（我试过了，但坚持设置force layout）
这里是an implementation of ordinary D3 tree with "FISH" data：
挑战是：我们如何从上图得到下图？ （但没有坐标的“硬编码”；这意味着需要应用力布局或类似方法）
【问题讨论】：
-
稍后我会附上一些代码...
-
乍一看，我会说诀窍是不显示您将为节点创建的任何圆圈，并详细说明您将使非叶节点变大并且标记它们（一些文本锚定在圆的中心），并使叶节点相当小并将文本元素附加到它们（当然是在 ag 组下）。希望这个德语句子是有道理的。
-
@pawelmhm 你应该让你的评论成为答案
-
嘿@VividD。这里发生了几件事。一种是使用直线而不是由 d3.svg.diagonal 创建的曲线。这对您来说应该很简单，您只需要使用极坐标到笛卡尔函数即可。第二个是让叶子节点从它们的父节点中扇出。我会这样做作为一种独特的布局方法，只需按索引旋转并在根据大小布置分支后向外平移。如果您在周日之前没有弄清楚，请在评论中标记我，我会试一试。
标签： d3.js tree force-layout