OrgChart.js CDN
时间: 2024-01-31 16:11:10 浏览: 162
OrgChart.js是一个用于创建组织结构图的JavaScript库。如果你想使用CDN来引入OrgChart.js,你可以使用以下CDN链接:
引用:cdnjs(海外):https://cdnjs.cloudflare.com/ajax/libs/orgchart/2.1.9/js/jquery.orgchart.min.js
引用:staticfile CDN(国内):https://cdn.staticfile.org/orgchart/2.1.9/js/jquery.orgchart.min.js
你可以根据你的需求选择其中一个CDN链接,并将其添加到你的HTML文件中的`<script>`标签中。然后,你可以使用OrgChart.js提供的API来创建和定制组织结构图。
以下是一个简单的示例,演示了如何使用OrgChart.js创建一个基本的组织结构图:
```html
<!DOCTYPE html>
<html>
<head>
<title>OrgChart.js CDN示例</title>
<script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/orgchart/2.1.9/js/jquery.orgchart.min.js"></script>
<link rel="stylesheet" href="https://cdn.staticfile.org/orgchart/2.1.9/css/jquery.orgchart.min.css">
</head>
<body>
<div id="chart-container"></div>
<script>
$(document).ready(function() {
var data = {
'name': 'CEO',
'children': [
{ 'name': 'CTO' },
{ 'name': 'CFO' },
{ 'name': 'CMO' }
]
};
$('#chart-container').orgchart({
'data': data
});
});
</script>
</body>
</html>
```
这个示例创建了一个包含CEO和三个子节点(CTO、CFO和CMO)的组织结构图。你可以根据你的需求修改数据和样式来创建自定义的组织结构图。
阅读全文