<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>
决策流设计
</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript"
src="js/jquery-1.4.2.js"></script>
<script type="text/javascript"
src="js/raphael-min.js"></script>
<script type="text/javascript"
src="js/coframe_graph.js"></script>
<style>
*{
font-family: "Microsoft YaHei", "宋体", "Segoe UI", sans-serif;
font-size: 13px;
}
</style>
</head>
<body style="">
<div id="canvas"></div>
<script type="text/javascript">
var image_path = "icons/";
node_images["user"] = image_path + "user.png";
/*
node_images["close"] = image_path + "open.png";
node_images["open"] = image_path + "close.png";
node_border_colors["role"] = "red";
node_border_colors["position"] = "#bfac00";
node_border_colors["emp"] = "#7cbf00";
node_border_colors["close"] = "#bf0000";//bfac00
*/
node_border_colors["user"] = "#bf0000";
var json=[
{"pid":"0","id":"ROOT_V","level":1,"name":"开始","type":"user"},
{"pid":"ROOT_V","id":"01001","level":2,"name":"风险审查","type":"user"},
{"pid":"ROOT_V","id":"02001","level":2,"name":"评分计算","type":"user"},
{"pid":"02001,01001","id":"03001","level":3,"name":"综合评级","type":"user"},
{"pid":"03001","id":"04001","level":4,"name":"审批建议","type":"user"}
];
drawGraph(json);
//drawGraph(parent.dataArr);
function drawGraph(json){
if(!json){
return;
}
var width = $(document).width() - 20;
var height = $(document).height() - 60;
var coframeGraph = new CoframeGraph("canvas",width,height);
coframeGraph.formatData(json);
var nodes = json;
for(var i=0;i<nodes.length;i++){
var node = nodes[i];
coframeGraph.addNode(node);
var childs=coframeGraph.childIdsByPid[node.id];
if(childs){
for(var j=0;j<childs.length;j++){
coframeGraph.addEdge(node.id,childs[j], { directed : true } );
}
}
}
coframeGraph.draw();
};
</script>
</body>
</html>
raphael 简单绘图
需积分: 10 35 浏览量
2014-09-11
18:30:38
上传
评论
收藏 168KB RAR 举报
raphael 绘图.rar （27个子文件） 
raphael .svn tmp props prop-base text-base props 
all-wcprops 350B entries 455B prop-base text-base flowDesign.html.svn-base 2KB format 2B icons 
user.png 741B open.png 520B .svn tmp props prop-base text-base props all-wcprops 716B entries 654B prop-base user.png.svn-base 53B open.png.svn-base 53B close.png.svn-base 53B text-base user.png.svn-base 741B open.png.svn-base 520B close.png.svn-base 499B format 2B close.png 499B js coframe_graph.js 15KB .svn tmp props prop-base text-base props all-wcprops 930B entries 817B prop-base text-base coframe_graph.js.svn-base 14KB my-graph.js.svn-base 16KB jquery-1.4.2.js.svn-base 160KB raphael-min.js.svn-base 89KB format 2B jquery-1.4.2.js 160KB raphael-min.js 89KB
flowDesign.html 2KB资源评论
