作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想在此图表中添加虚线,例如。叶级节点间接链接到中间级节点,脚本.js
import OrgChart from '../js/orgchart.min.js';
document.addEventListener('DOMContentLoaded', function () {
Mock.mock('/orgchart/initdata', {
'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' },
{ 'name': 'Yu Li', 'title': 'department manager' },
{ 'name': 'Hong Miao', 'title': 'department manager' },
{ 'name': 'Yu Wei', 'title': 'department manager' },
{ 'name': 'Chun Miao', 'title': 'department manager' },
{ 'name': 'Yu Tie', 'title': 'department manager' }
]
});
Mock.setup({ timeout: 1000 });
let orgchart = new OrgChart({
'chartContainer': '#chart-container',
'data' : '/orgchart/initdata',
'depth': 2,
'nodeContent': 'title'
});
});
这是大崩组织图表插件提供的代码。
我想在此图表中添加辅助/间接链接,但是我无法添加!请帮忙!
最佳答案
我认为您对插件 OrgChart 提出了一个具有挑战性的问题。事实上,如果你看过OrgChart的源码,你会发现OrgChart插件的核心逻辑就是通过嵌套表格标签来绘制树状结构。不同节点之间的线只是 td 标签的边界。现在不可能在不同级别的不同节点之间绘制随机链接。
关于javascript - 如何添加二级链接到大崩组织结构图?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45412809/
我是一名优秀的程序员,十分优秀!