标签: orgchart

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

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

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

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


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

在此输入图像描述

javascript google-visualization orgchart

61
推荐指数
5
解决办法
7万
查看次数

打印getOrgChart

我从这里使用getOrgChart库,我试图打印出整个图表而不仅仅是可见部分.不幸的是,当使用标准库打印功能时,它只打印出第一部分,我无法弄清楚如何打印整个图表(这是非常宽的,大约200个节点水平移动).即使它跨越几页我也不介意.

我已经尝试了一些像svgToPdf,jsPDF这样的库,我知道有像Phantom这样的服务器端替代品,但我不确定最好的方法以及最容易让我的SVG标签完全打印.

jquery svg orgchart getorgchart

11
推荐指数
1
解决办法
653
查看次数

当人们有多个工作岗位时,使用人员,职位和团队为组织建模的最佳方法是什么?

我有一个有趣的建模问题.我正在尝试在网站上生成组织结构图(后端是C#/ SQL服务器,前端是javascript/google orgchart API,但建模问题的关键是更通用,所以我没有包含任何特定的技术下面的标签,因为问题不是任何技术特定问题.

我有以下4个数据库表:

  1. 团队 - 其中包含字段Id,Name,ParentTeamId(这是同一个表中的另一行)
  2. 职位 - 代表团队中的职位.字段是Id,TeamId,IsTeamHead等
  3. Person - 代表一个人(此表中没有与任何其他表的链接).字段是Id,FirstName,LastName等
  4. PersonPosition - 表示位置中的人(这将桥接两个表)字段是Id,PersonId,PositionId,StartDate,EndDate

当我有一个简单的vanilla org图表时,这非常有效,因为我基本上遍历每个团队(因为每个团队都有其ParentTeamId)并建立一个团队层次结构并显示该团队中的位置(使用TeamId字段)"Ishead"= true并将与该位置相关联的人显示为头部.

我的问题是(并非如此罕见),现在有人承担了多重责任 - 他们基本上有两个不同的工作.以前,乔是市场营销负责人,比尔是区域主管,但乔离开了

在营销负责人和区域主管之前,这是两个不同的(2个不同的职位)所以比尔是营销主管,但也是美国的区域经理.我试图找出建模和可视化的正确方法.

建模问题的第一部分是决定我是否应该将其建模为两个不同的位置.如果我这样做,我可以在这个PersonPosition表中有多个条目(两个都有相同的PersonId),但问题是我觉得我在计算位数.

此外,从可视化的角度来看,同一个人会出现在两个地方.也许这从功能的角度来看是正确的,但似乎奇怪的是你会多次列出同一个人(也许它不是那么奇怪,但想得到反馈,人们在这种情况下看到的是预期的可视化和什么似乎可以接受也许应该推动建模)

有什么建议"正确"的方式来做到这一点?

database-design modeling data-modeling orgchart

9
推荐指数
2
解决办法
6984
查看次数

Google Visualization API - 组织结构图布局

使用Google Visualization API中的组织结构图,有没有办法将图表翻转为垂直布局而不是水平布局.

google-visualization orgchart

6
推荐指数
1
解决办法
6540
查看次数

Google Orgchart创造了婚姻

嗨我正在使用Google Orgchart创建一个家谱,我结合了三个家庭.

如何在结婚但来自不同家庭的人之间建立界限.

+----------+                  +----------+
| Family 1 |                  | Family 2 |
+----------+                  +----------+
     |                             |
     |                 +-----------+-----------+
     |                 |                       |
+----------+      +----------+           +-----------+    +----------+
|  Husband |------|   Wife   |           | Wife's Bro|----| Bro's GF |
+----------+      +----------+           +-----------+    +----------+
Run Code Online (Sandbox Code Playgroud)

javascript treeview orgchart

6
推荐指数
1
解决办法
4250
查看次数

我如何构建动态组织结构图?

我正在尝试使用php构建动态组织结构图.我需要自己构建它还是有一些工具呢?

规范:公司中的所有职位都在组织结构图中预先定义,我们只在相应位置添加人员.

我需要你的建议.

谢谢.


我在我的电脑上安装了image_graphviz和graphviz.但我不知道如何实际使用它.因为文档很少.

有没有人做过这项工作或有一些关系材料?

非常感谢.

php orgchart

5
推荐指数
1
解决办法
2万
查看次数

google org chart visualization api support mutliple managers(coheads)

有没有办法支持这样一个用例,即有一群人向一个团队的两个团长报告.它从我最初的测试看起来不像它,但想验证确定.我有一个用例,有些人向Joe报告,有些人向Tom报告,但有些人向Joe和Tom报告,因为他们是合伙人.

google-visualization orgchart

3
推荐指数
1
解决办法
1285
查看次数

使用带有递归的reduce函数从多级树生成一个平面的id数组?

我正在尝试使用 js 库orgChart实现用户层次结构。通过getHierarchy()库中的方法正在输出如下所示的对象。

var datascource = {
            "id": "1",
            "children": [{
                "id": "2"
            }, {
                "id": "3",
                "children": [{
                    "id": "4"
                }, {
                    "id": "5",
                    "children": [{
                        "id": "6"
                    }, {
                        "id": "7"
                    }]
                }]
            }, {
                "id": "10"
            }, {
                "id": "12"
            }]
        };
Run Code Online (Sandbox Code Playgroud)

我想从树中的 id 生成平面数组。前任://["1", "2", "3", "4", "5", "6", "7", "10", "12"]

我想出了,

function getNestedArraysOfIds(node) {
    if (node.children == undefined) {
        return [node.id];
    } else {
        return [node.id,...node.children.map(subnode => (subnode.children==undefined) ? …
Run Code Online (Sandbox Code Playgroud)

javascript recursion orgchart ecmascript-6

2
推荐指数
1
解决办法
1899
查看次数