可缩放的旭日形可视化结果一团糟

Question

我正在阅读使用 sheetsee.js（和 tabletop.js）的电子表格，并尝试创建带有标签可视化的可缩放朝阳。但是，它只创建一个级别，文本旋转 +90 或 -90。我的 html 页面的 URL 是 http://www.wyzpubs.com/dataviz/sheetsee/dita_users_sb.html

谁能告诉我是什么原因造成的？我认为我使用尺寸信息创建 JSON 的方式是可以的，它与 metmajer 的带有标签的可缩放旭日形图案完全一样。

谢谢，贾亚拉姆

Answer 1

错误在sheetsee.sunburst.js

var partition = d3.layout.partition()
        .value(function(d) { return d.size; });

您的数据没有大小（在 json 中）因此所有内容都会折叠。

应该是决定弧长大小的一些值我做了这样的事情（但你可以把它改成你的一些商业逻辑）：

var partition = d3.layout.partition()
        .value(function(d) { return d.parent.children.length; });

工作代码here

希望对您有所帮助！

可缩放的旭日形可视化结果一团糟

Zoomable sunburst visualization comes out messed up

javascript

d3.js

sunburst-diagram

tabletop.js