与Google Org Chart API相比,是否有更好的javascript组织结构图？

Question

我们使用谷歌org图表API来显示我们的组织结构图.这很好但我们需要支持的东西:

1. 一个人向多位经理报告
2. 职能领域的负责人.

是否有任何竞争工具可以为上述提供更好的支持.

---

注意:对于Gorka LLona,他在下面的一个答案中建议了这个解决方案,我发现了一些错误,这里是我使用你的测试示例遇到的问题的截图.

Answer 1

D3 - http://d3js.org/

这是一个例子 - 他们有点难找

http://bl.ocks.org/1061834

Answer 2

您可以使用Jit(The JavaScript Infoviz Toolkit),这里有一个很好的例子.这就是我用来在我的公司创建组织结构图的过程(由将AD关系转换为JSON的PHP脚本支持).

Answer 3

不确定你是否还在考虑这是2岁但是我遇到了同样的情况并且发现了这个:

yFILES http://live.yworks.com/demobrowser/index.html#Organization-Charts

我找到的其他一些:

jOrgChart http://dl.dropboxusercontent.com/u/4151695/html/jOrgChart/example/example.html

使用JS http://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:http: //jsfiddle.net/augburto/YMa2y/

Answer 4

简而言之,@ Cam是正确的,但您不一定需要查看Silverlight或Flash.我建议您查看Raphael.js库.它比你想象的更低级,但API非常简单.

特别是Graffle示例将是一个很好的起点.

Answer 5

日安哦

我就长话短说吧。不，没有。反正 JavaScript 不行。您可能会发现http://www.cogmap.com/很有趣，但它不能用作您自己页面上的控件。

就我个人而言，我会考虑一些丰富的嵌入式媒体，例如 Silverlight 或 Flash。这是你的选择吗？

凸轮