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

Zoomable sunburst visualization comes out messed up

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

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

谢谢, 贾亚拉姆

错误在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

希望对您有所帮助!