问题标签 [orgchart]

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 投票
2 回答
1299 浏览

javascript - treant.js 我们可以在图表中创建两个根元素吗

您好我正在尝试使用 treant.js 来创建组织结构。问题是主任和秘书需要显示在同一行,没有任何联系,因为所有经理都在主任下面,如图所示,任何人都可以告诉我如何使用 treant.js 实现这一点,因为这是唯一免费的org chart java script 我正在使用它欢迎任何其他建议在 此处输入图像描述

0 投票
0 回答
34 浏览

wizard - Visio 2007 组织结构图的想法

我正在尝试使用 Visio 2007 组织结构图向导使用从 MS Project 导出的 .csv 生成产品分解结构。这些字段是:

  • 姓名
  • 父产品
  • 功能
  • 内部外部

我想做几件事,但我很难在任何地方找到指导,或者至少很难找到以不需要您已经是 Visio 专家的方式编写的指导(因此不太可能需要首先问)以了解它。

我设法让向导使用修改后的主形状来表示集体分组产品,并使用形状数据根据产品的功能为形状着色。还有两件事我想做。

  1. 是否可以让向导为外部产品使用自定义形状?例如,这些产品可能位于层次结构中的任何级别,但我希望所有外部产品都是菱形而不是矩形,并且我希望向导来完成,而不是我事后手动更改它们。

  2. 我想自动而不是手动将具有特定功能的所有形状放在它自己的图层上,因为该功能的产品将分散在图表周围(必须如此,将它们全部组合在一起没有意义。

0 投票
2 回答
5371 浏览

javascript - 带有超链接和 1 单击展开/折叠的 Google 组织结构图

我正在尝试使用 Google 组织图表控件。我希望它可以单击展开/折叠节点(而不是默认的双击),并提供指向用户个人资料页面的超链接。

我的超链接代码适用于默认的双击展开/折叠。但是,如果我为“选择”事件添加一个侦听器以启用单击展开/折叠,则超链接将停止工作。

JSFiddle 这里https://jsfiddle.net/oxzabtyg/

这是我的代码

0 投票
1 回答
155 浏览

javascript - 组织结构图从一开始就崩溃了

我希望这张图表从它出现在屏幕上的那一刻起就被折叠起来,并且用户应该能够随意展开特定的分支,但到目前为止我只能从第二层折叠起来。有什么解决方法吗?到目前为止我得到的代码是:

0 投票
1 回答
2331 浏览

javascript - orgchart getOrgChart 不是函数

我正在尝试在我的页面中使用 getOrgChart 库,但我的浏览器一直坚持它不是一个函数:

这是代码:

0 投票
1 回答
2261 浏览

d3.js - 具有混合层次结构的 D3 js orgchart 插件

是否有任何 js 插件可用于渲染混合层次结构,如附加图像。我正在寻找以下功能

  1. 按需加载
  2. 混合等级
  3. 节点定制
  4. 缩放和平移
  5. json数据支持

在此处输入图像描述

0 投票
1 回答
475 浏览

php - 无法在 php 中制作 orgchart

我正在尝试在我的代码中制作 orgchart,对此图表一无所知。我想制作一个树状图表,并想要来自 mysql 表的数据。表是:树形图
id 名称 treeid
1 a 1
2 aa 11
3 aaa 111
4 aaaa 1111
5 ab 12
6 aba 121
7 abb 122
8 ac 13

我的代码如下:

我的问题是在 $newkey 中我没有任何值,我想要 $newkey 中的 11、12、13 个键值。而且我的表中有大量数据,所以如果有人有任何简短的编码想法,请在我的代码中帮助我。

0 投票
2 回答
1394 浏览

javascript - 将组织结构图方向从左更改为右

我需要更改下面图表的方向,使其从左到右显示,而不是当前从上到下的方向。是否可以通过使用行跨度而不是列跨度来做到这一点。在从上到下的方法中,它全部使用 col span 完成,所以我假设从左到右可以使用 row Span 完成,但我无法开始。

在此处输入图像描述

我当前的代码css是:

我在 HTML 正文中的当前代码是:

0 投票
1 回答
398 浏览

d3.js - 如何更改 D3 的对角线()使用的贝塞尔函数?

我正在基于Bernhard Zuba 的 D3.js Organizational Chart在 D3 中创建一个组织结构图。组织结构图模拟了一个组织,其中任何给定的人(由白色方块表示)可能有一百左右的人紧随其后(一个非常扁平的树结构,黑色贝塞尔曲线代表每个父子关系)。

这是树的一部分的屏幕截图: 平树

这是上图中父节点底部的放大图: 在此处输入图像描述

问题是子节点和父节点之间的链接往往都聚集在一起,导致一条非常粗的黑线具有非常平缓的斜率,这可能有点碍眼。

我用来生成链接的函数如下:

这里,rectW是每个节点的宽度,是每个节点rectH的高度。

我想做的是对用于生成链接的贝塞尔函数进行一些细微的调整。具体来说,我想稍微展平控制点,以便曲线起点和终点的曲线更具戏剧性。如果有人能告诉我如何改变用于diagonal()生成贝塞尔曲线的函数,我可以弄清楚其余的。

0 投票
1 回答
12442 浏览

javascript - React 中的组织结构图插件?

我正在寻找一个反应插件来显示基于我在我的反应应用程序中传递给它的 JSON 数据的组织结构图。我需要基本功能,比如如果用户点击组织结构图中的员工,我会返回有关该员工的数据作为回报。像这样在此处输入图像描述