Javascript 如何正确旋转D3 sunburst图表中的文本标签

Javascript 如何正确旋转D3 sunburst图表中的文本标签,javascript,d3.js,label,hierarchy,sunburst-diagram,Javascript,D3.js,Label,Hierarchy,Sunburst Diagram,在以下D3日暴中: 左象限中的标签是颠倒的,我想对它们进行旋转,以便文本从左到右读取 变换应仅适用于从大约100度到270度的圆弧。以下示例: 我在这里编辑了您的JSFIDLE: 您将不得不处理长标签,上面的示例显示了如何进行多行处理 还要注意,您使用的是旧版本的d3,不再需要单独调用d3.layout。以下是新版本d3的链接: <script src="http://d3js.org/d3.v3.js"></script> 我会提供一个建议,不直接跟随您的问题,就

在以下D3日暴中:

左象限中的标签是颠倒的,我想对它们进行旋转,以便文本从左到右读取

变换应仅适用于从大约100度到270度的圆弧。

以下示例:

我在这里编辑了您的JSFIDLE:

您将不得不处理长标签,上面的示例显示了如何进行多行处理

还要注意,您使用的是旧版本的d3,不再需要单独调用d3.layout。以下是新版本d3的链接:

 <script src="http://d3js.org/d3.v3.js"></script>

我会提供一个建议,不直接跟随您的问题,就是不要将标签附加到圆弧上,而是提供一个指向一侧的键和/或工具提示滚动(例如,使用
tipsy.js
)。它将减少视觉混乱,并提供更好的图形视觉解析。
 <script src="http://d3js.org/d3.v3.js"></script>