需要为我的Rails应用程序定制组织结构图插件

Question

如果有人能让我知道一个简单而又甜蜜的jQuery或我的Rails应用程序的任何其他Javascript插件，创建可自定义（我可以添加子坐标和上级）组织结构图，那将是很棒的。我做谷歌，但没有找到合适的。

我使用awesome_nested_set来维护后端的树结构。

Answer 1

这是一个使用Google's Organization Chart API显示和自定义组织结构图的Ruby库。

GoogleVisualR

Answer 2

试试此库：http://thejit.org/

特别是这个例子：http://thejit.org/static/v20/Jit/Examples/Spacetree/example2.html

Answer 3

最近，我创建了github repo - OrgChart，这是一个用于构建任何树状层次结构的jquery插件，当然，组织结构图是其经典场景。以下是核心源代码和实用快照结果

var datascource = {
  'name': 'Lao Lao',
  'title': 'general manager',
  'children': [
    { 'name': 'Bo Miao', 'title': 'department manager' },
    { 'name': 'Su Miao', 'title': 'department manager',
      'children': [
        { 'name': 'Tie Hua', 'title': 'senior engineer' },
        { 'name': 'Hei Hei', 'title': 'senior engineer',
          'children': [
            { 'name': 'Pang Pang', 'title': 'engineer' },
            { 'name': 'Xiang Xiang', 'title': 'UE engineer' }
          ]
        }
      ]
    },
    { 'name': 'Yu Jie', 'title': 'department manager' }
  ]
};

$('#chart-container').orgchart({
  'data' : datascource,
  'nodeTitle': 'name',
  'nodeContent': 'title'
});

祝你好运：）