我们使用的是google org chart API to display our org charts。这工作得很好,但我们需要一些支持:
有没有竞争对手的工具可以更好地支持上面的内容。
注意:对于Gorka LLona,他在下面的一个答案中建议了这个解决方案,我发现了一些错误,这是我使用您的测试示例遇到的问题的屏幕截图。
发布于 2011-01-19 08:47:44
您可以使用Jit ( JavaScript Infoviz Toolkit)、there's a good example here。这是我用来在我的公司创建组织结构图(由PHP脚本支持,将AD关系转换为JSON)。
发布于 2012-08-03 19:25:50
发布于 2013-06-20 02:29:47
不知道你是不是还在看,考虑到这是两年前的事了,但我在同样的情况下发现了这一点:
yFILES Interactive OrgChart Demo,Visualizing Orgcharts with JavaScript
我还发现了一些其他的:
jOrgChart github.com/wesnolte/jOrgChart和github.com/dabeng/OrgChart
使用JS jvloenen.home.xs4all.nl/orgchart/的组织结构图
我最终使用D3.js来做这件事。我使用他们的TreeLayout,并对其进行编辑以满足我的需求。下面是一些示例代码:
var tree = d3.layout.tree().nodeSize([70, 40]);
var diagonal = d3.svg.diagonal()
.projection(function (d) {
return [d.x + rectW / 2, d.y + rectH / 2];
});
var svg = d3.select("#body").append("svg").attr("width", 1000)
.attr("height", 1000).append("g")
.attr("transform", "translate(" + 350 + "," + 20 + ")");
这是我开始的一个jsFiddle:jsfiddle.net/augburto/YMa2y/
https://stackoverflow.com/questions/3923221
复制相似问题