web gooflow流程图实现带公式的流程配置

GooFlow制作流程图

GooFlow可以制作流程图这是众所周知的，我在项目中遇到了一个问题，客户要求根据他定义的流程和判断条件走相应的节点，这个问题使用GooFlow还是可以实现的。

首先要把GooFlow跑起来

1.引用相应的js和css文件

 下载地址：http://download.csdn.net/download/qq962464qq/10225268

2.准备

3.初始化

var property={
			headLabel:true,
			initLabelText:"审批流程",
			width:3500,
			height:7000,
			toolBtns:["task","fork","end round"],
			haveHead:true,
			headBtns:["undo","redo"],//如果haveHead=true，则定义HEAD区的按钮
			haveTool:true,
			useOperStack:true 
		};
		var remark={
			cursor:"选择指针",
			direct:"结点连线",
			start:"入口结点",
			"end":"结束结点",
			"task":"任务结点",
			fork:"分支结点",
			"join":"联合结点",
			group:"组织划分框编辑开关"
		};
		var demo;
		$(document).ready(function(){
			demo=$.createGooFlow($("#demo"),property);
			demo.setNodeRemarks(remark);
			demo.loadData(jsondata);//利用json数据初始化
			//$("#demo_node_4").css("background-color","red");
		});
		var out;
    	var jsondata={
				"title":"工艺冷却水故障诊断参数",
				"nodes":{
					"1":{"name":"Total CPK","left":68,"top":69,"type":"task","width":111,"height":75,"alt":true},
					"2":{"name":"温度CPK\nTemperature CPK","left":311,"top":65,"type":"task","width":141,"height":72,"alt":true}
					
				"lines":{
					"totalcpk":{"type":"sl","from":"1","to":"2","name":"cpk<(1.33)"}
				},
				"areas":{},
				"initNum":337
			} 

		//得到json
    		//var jsonstr = JSON.stringify(demo.exportData());
    		

完成

至于解读公式这些需要自己定义，有需要可以留言交流