问题标签 [organizational-chart]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
612 浏览

jquery - 将鼠标悬停在组织结构图上时带有完整描述的图像

我想将鼠标悬停在组织结构图框上并获得带有完整描述的图像。但是,图像不会弹出,描述也与名称成直线。有什么想法吗?谢谢你。

这是我的编码。我试着让它像这个网站 网站的例子。有可能做到吗?

0 投票
0 回答
322 浏览

jquery - 使用 Jquery 为组织结构图制作工具提示

我还是 javascript 和 Jquery 的新手。我试图做的是在悬停到组织结构图框时弹出带有完整描述的图像。几天后,我终于找到了解决方案。但是,它仅适用于顶部的一个盒子。我尝试让第二个框也弹出带有完整描述的图像,但失败了。Jquery 编码可能有问题,但我仍然找不到解决方案。有吗?

这是我的编码。我希望有一个人可以帮助我。我还是新手,我已经被困了几天了。

0 投票
1 回答
73 浏览

treeview - Google OrgChart 行问题

我正在尝试使用 Google OrgChart,但在某些情况下,节点之间的线连接不是水平居中的。有什么解决方法吗?谢谢你。

线未水平对齐该线未水平对齐。

0 投票
1 回答
421 浏览

javascript - 谷歌图表:点击节点链接导航到其他页面

嗨,我在 Codeigniter-PHP/Mysql 中为我的 Web 应用程序使用谷歌组织结构图。我已经从 mysql 数据库加载了图表的节点。并且节点中的文本被制作为链接。到目前为止一切都很好。但现在我想在链接中添加 href,这样当用户单击链接时,它应该导航到详细信息页面,其中显示特定节点的详细信息。我知道,为了显示详细信息,应该有一个节点的 Id 来从数据库中获取数据。所以这是我的问题如何将此ID添加到链接中?

有没有办法做到这一点?谁能帮帮我吗。这是我的代码:

模型:

控制器:

看法:

0 投票
2 回答
3237 浏览

r - 在 R 中创建组织结构图

我需要在 R 中绘制公司的组织结构图。我有一个例子,但我希望箭头离开同一点。

我的期望(来自 PowerPoint):

预期的

我得到了什么(在 R 中):

实际的

代码:

0 投票
2 回答
86 浏览

javascript - Javascript 使用 object.create() 从字符串构建树

我想从一个字符串创建一个服务树,这些字符串是人的属性。我设法做到了,但是代码很丑陋,这对我来说是一种实践之王,因为我想使用“Object.create()”来使用“类”对象来制作它,而类会看起来像这样:

输入样本是:

预期的输出将是:

0 投票
1 回答
832 浏览

python - 如何使用烧瓶从 SQL 数据库创建组织结构图?

我有一个这样的 SQL 数据库:

在此处输入图像描述

基本上,这是一个分层数据库,其中有经理(父母)和员工(孩子)。

目前我正在使用烧瓶,它允许我添加/删除经理和员工,我的想法是有一个 html 文件,它会自动从我的 SQL 数据库中读取并创建一个像这样的结构(或组织结构图)的树:

在此处输入图像描述

我想出了一种创建嵌套无序列表的方法,然后可以使用以下库将其转换为图表:https ://github.com/caprica/jquery-orgchart

然而,这基本上只在数据库是静态的并且不随时间变化时才有效。我看到了一些使用 json 文件的解决方案,但我不知道从 SQL 数据库到 json 文件的中间步骤。

因此,您能否提出一种从数据库开始解决此问题的方法?您推荐哪种解决方案?有没有我可以遵循的教程/示例?

提前致谢。

0 投票
1 回答
156 浏览

jquery - 如何在 OrgChart 中仅折叠子项?

我发现了这个很棒的库,用于创建名为OrgChart的组织结构图。

这是它的样子: 在此处输入图像描述

绿色箭头允许您折叠父/子/兄弟节点。你可以在这里试试看我的意思:例子

我的目标是删除除子箭头之外的所有绿色箭头,以便我只能从组织的最顶部开始垂直折叠。你知道我怎么能达到这样的结果吗?

提前致谢。

0 投票
0 回答
76 浏览

highcharts - 使用自定义节点宽度居中组织 highcharts

我使用 highcharts 在同一框架(固定宽度和高度)但使用不同数据(取决于用户之前的操作来选择他想要显示的组织)中动态绘制组织图(水平或垂直)。我需要每个组织级别都获得相同的高度,并且我还需要能够设置节点的宽度以始终获得相同的全局渲染。滚动条将添加到 iframe 中,以便能够查看所有图表。我使用以下代码来实现:

它运作良好。完整组织结构图的结果在这里:https ://jsfiddle.net/vegaelce/cw2aLroz需要它在框架中居中。我的框架 i 中的小型组织结构图示例: https://jsfiddle.net/vegaelce/vr28ja67 或此处:https : //jsfiddle.net/vegaelce/s9q3yb70/

注意:如果您评论

您将看到图表的原始宽度。

如何在每种情况下使我的图表居中?谢谢