orgChart 是一个开源JS,可用于生成组织结构图。现构建如下:
1)动态生成HTML作为数据source
var preTitle = "";
var content = "<ul id='basic-stacking-source' class='hide'><li>Band<ul>"; // header
$.each(titleNameList, function(i, item){
if (preTitle != item.title) {
if (preTitle != "") {
content += "</ul></li>"; // end name & title
}
preTitle = item.title;
content += "<li>" + item.title + "<ul>";
}
content += "<li>" + item.name + "</li>";
});
content += "</ul></li>"; // end name & title finally
content += "</ul></li></ul>"; // end header
$("#temp").html(content);
2)调用orgChart
$("#basic-stacking-source").orgChart({
container: $("#names_chart")

本文介绍如何利用orgChart这个开源JavaScript库动态生成组织结构图。虽然在展示多分支时可能出现拥挤问题,但通过调整CSS可以适应各种结构。
最低0.47元/天 解锁文章
3万+

被折叠的 条评论
为什么被折叠?



