网上有很多开源的js版本的组织结构图工具,不过假设有这么个场景,有一个10多m的xml文件,里面是组织关系,要用php解析,再到js生成,这个两个过程都是很费时的,尤其是js的渲染过程,大部分的js版本都是再生成div的方式,这肯定会更加的慢了。
我的方法是,直接用php输出一个相应的html结构,我用的是一定结构的table,再通过css画画线就搞定了。具体的实现方法直接看代码就ok了。有问题可以讨论。
function PHPtoOrgChart(array $arr,$title='') {
echo '
$size=count($arr);
if($title!='') {
//head
echo '
';echo '
';echo '
'.$title.'
';
echo '
';echo '
';//head line
echo '
';echo '
';echo '
echo '
';echo '
';//line
if($size>=2){
$tdWidth=((100)/($size*2));
echo '
';echo '
';echo '
';for($j=1; $j
echo '
';echo '
';}
echo '
';echo '
';echo '
';}
}
//
echo '
';foreach($arr as $key=>$value) {
echo '
';if(is_array($value)) {
PHPtoOrgChart($value,$key);
} else {
echo '
'.$value.'
';
}
echo '
';}
echo '
';//
echo '
';}