if(typeof(MEC_NS) == 'undefined'){
	MEC_NS = {};
}

MEC_NS.BarChart = function(typeTmp, idTmp, mecJsonTmp){
	this.type = typeTmp;
	if(!idTmp){
		idTmp = new UUID().toString();
	}
	this.id = idTmp;
	if(!mecJsonTmp){
		mecJsonTmp = this.getDefaultMecJson();
	}
	this.mecJson = mecJsonTmp;
    var that = this;
    require(['mec'], function(mec){
        that.remark = function(){
            return mec.remark(that.mecJson.title);
        };
    });
};

/*获取id。 必需的方法*/
MEC_NS.BarChart.prototype.getID = function(){
	return this.id;
};

MEC_NS.BarChart.prototype.runWhenPageOnLoad = function(){
	this.afterDesignHtmlBuild();
};

/*获取设计的html， 页面上怎么显示控件完全依赖于此方法。 必需的方法*/
MEC_NS.BarChart.prototype.getDesignHtml = function(){
	return getDesignHtml(this);
};


MEC_NS.BarChart.loadData = function(callback) {
	UrlSelectUtil.nav.loadNavItems(callback);
};



/*页面上显示控件完成后调用此方法，主要用于一些必须要使用js对页面进行后置操作时，无需要此方法可至空。 不必需的方法，有此方法系统自动调用*/
MEC_NS.BarChart.prototype.afterDesignHtmlBuild = function(){
	var that = this;
	var theId = this.id;
	var p = replaceObjMutilLanguage(this.mecJson);
	p.id = theId;
	
	var chartMLJson = {};
	chartMLJson['4205'] = SystemEnv.getHtmlNoteName(4205);//图表信息设置不完整，未配置数据来源SQL
	chartMLJson['4206'] = SystemEnv.getHtmlNoteName(4206);//SQL中可能包含待解析的参数变量，需运行时显示
	chartMLJson['4208'] = SystemEnv.getHtmlNoteName(4208);//查询数据来源SQL时出现错误，请检查SQL是否拼写正确
	p["multiLJson"] = chartMLJson;
	
	var _build = function () {
		var newP = JSON.parse(JSON.stringify(p));

		newP._mode = "0";

		Mobile_NS.BarChart.build(newP);
	};

	if (p.sql || !p.isdefault) return _build();

	MADBarChart_getDefaultSQL(theId, function (sql) {
		p.sql = sql;
		that.mecJson.sql = sql;
		$("#sql_" + theId).val(sql);
		_build();
	});
	this.mecJson["isdefault"] = false;
};

/*获取构建属性编辑窗体的html，添加和单击控件后会调用此方法，由此方法去构建属性编辑窗体。 必需的方法*/
MEC_NS.BarChart.prototype.getAttrDlgHtml = function(){
	var styleL = "_style" + _userLanguage;

	var theId = this.id;
	var htm = "<div id=\"MADBarChart_"+theId+"\" class=\"MADBarChart_Container\">"
				+"<div class=\"title\">"
				+SystemEnv.getHtmlNoteName(4650) //基本信息
				+"</div>"
				+"<div class=\"form-group\">"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control MADBarChart_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(3978)+"</span>"  //标题：
						+"<div class=\"col-m-8\"><input class=\"form-control\" data-autobind='title' id=\"title_"+theId+"\" type=\"text\" placeholder=\""+SystemEnv.getHtmlNoteName(4788)+"："+SystemEnv.getHtmlNoteName(5370)+"\" "+MLanguage.ATTR+"/></div>"//上海地区蒸发量和降水量
					+"</div>"
					+"<div class=\"row\" style='display: none'>"
						+"<span class=\"col-2 span-control MADBarChart_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(4651)+"</span>"  //副标题：
						+"<div class=\"col-m-8\"><input class=\"form-control\" data-autobind='subTitle' id=\"subTitle_"+theId+"\" type=\"text\" placeholder=\""+SystemEnv.getHtmlNoteName(4788)+"："+SystemEnv.getHtmlNoteName(5371)+"\" "+MLanguage.ATTR+"/></div>"//此数据来源于网络'
					+"</div>"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control MADBarChart_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(4128)+"</span>"  //高度：
						+"<div class=\"col-m-8\"><input class=\"form-control\" data-autobind='height' id=\"height_"+theId+"\" type=\"text\"/></div>"
					+"</div>"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control MADBarChart_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(4191)+"</span>"  //宽度：
						+"<div class=\"col-m-8\"><input class=\"form-control\" data-autobind='width' id=\"width_"+theId+"\" type=\"text\" placeholder=\""+SystemEnv.getHtmlNoteName(4192)+"\"/></div>"  //如：600，此处缺省则为页面宽度
					+"</div>"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control MADBarChart_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(4683)+"</span>"  //左边距：
						+"<div class=\"col-m-8\"><input class=\"form-control\" data-autobind='gridleft' id=\"gridleft_"+theId+"\" type=\"text\" placeholder=\""+SystemEnv.getHtmlNoteName(4684)+"\"/></div>"  //如：20或20%,此处可填数字或百分比
					+"</div>"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control MADBarChart_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(4766)+"</span>"  //右边距：
						+"<div class=\"col-m-8\"><input class=\"form-control\" data-autobind='gridright' id=\"gridright_"+theId+"\" type=\"text\" placeholder=\""+SystemEnv.getHtmlNoteName(4684)+"\"/></div>"  //如：20或20%,此处可填数字或百分比
					+"</div>"
					+"<div id=\"colorView_"+theId+"\" class=\"row\">"
						+"<span class=\"col-2 span-control MADBarChart_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(4197)+"</span>"  //颜色：
						+"<div class=\"col-m-8\"><div class=\"plugin-color-container\"><div class=\"color-list\"></div><img onclick='showColorPanel(\"#colorView_"+theId+"\",{theId:\""+theId+"\"})'/></div></div>"
						+"<input class=\"form-control\" data-autobind=\"color\" id=\"color_"+theId+"\" type=\"hidden\"/>"
					+"</div>"
				+"</div>"
				/*
				+"<div class=\"MADBarChart_Title\">"
					+SystemEnv.getHtmlNoteName(4195)  //标题信息
				+"</div>"
				+"<div class=\"MADBarChart_BaseInfo\">"
					+"<div>"
						+"<span class=\"MADBarChart_BaseInfo_Label MADBarChart_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(4196)+"</span>"  //字体：
						+"<input class=\"MADBarChart_Text\" id=\"title_font_"+theId+"\" type=\"text\" style=\"width: 65px;\"/>"
						
						+"<span class=\"MADBarChart_BaseInfo_Label MADBarChart_BaseInfo_Label"+styleL+"\" style=\"width: 40px;\">"+SystemEnv.getHtmlNoteName(4197)+"</span>"  //颜色：
						+"<input class=\"MADBarChart_Text\" id=\"title_color_"+theId+"\" type=\"text\" style=\"width: 65px;\"/>"
						
						+"<span class=\"MADBarChart_BaseInfo_Label MADBarChart_BaseInfo_Label"+styleL+"\" style=\"width: 40px;\">"+SystemEnv.getHtmlNoteName(4198)+"</span>"  //大小：
						+"<input class=\"MADBarChart_Text\" id=\"title_fontsize_"+theId+"\" type=\"text\" style=\"width: 36px;\"/>&nbsp;PX"
					+"</div>"
					+"<div>"
						+"<span class=\"MADBarChart_BaseInfo_Label MADBarChart_BaseInfo_Label2"+styleL+"\">"+SystemEnv.getHtmlNoteName(4199)+"</span>"  //是否粗体：
						+"<input id=\"title_fontweight_"+theId+"\" type=\"checkbox\" value=\"bold\"/>"
					+"</div>"
				+"</div>"
				*/
				+"<div class=\"title\">"
				+SystemEnv.getHtmlNoteName(4652) //数据来源
				+"</div>"
				+"<div class=\"MADBarChart_DataSource\">"
					
				+"</div>"
				+"<div class=\"form-group\">"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control MADBarChart_DataSource_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(4201)+"</span>"  //数据源：
						+"<div class=\"col-m-8\"><select class=\"form-control\" data-autobind id=\"datasource_"+theId+"\">"
						+"  <option value=\"\">(local)</option>"
						+"</select></div>"
					+"</div>"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control MADBarChart_BaseInfo_Label"+styleL+"\">SQL：</span>"
						+"<div class=\"col-m-8\">"
							+"<textarea class=\"area-control requireded\" data-autobind='sql' id=\"sql_"+theId+"\"></textarea>"
							+"<a class=\"help-link fl\" href=\"javascript:void(0);\" onclick=\"MADBarChart_OpenSQLHelp();\">"+SystemEnv.getHtmlNoteName(4202)+"</a>"
							+"<a class=\"help-link fr\" href=\"javascript:void(0);\" onclick=\"MADBarChart_fillSQL('"+theId+"');\">"+SystemEnv.getHtmlNoteName(4653)+"</a>"
						+"</div>"  //填充示例SQL
					+"</div>"

					+ "<div class=\"row\" style=\"position: relative;\">"
						+ "<div class=\"col-2 span-control\">"+SystemEnv.getHtmlNoteName(5378) + "</div>" //图表查询：
						+ "<div class=\"col-m-8\" style=\"position: relative;\">"
							+ "<input type=\"checkbox\" id=\"advancedSearch_"+theId+"\" onclick=\"MADBarChart_DisplayParamsConfig(this, '"+theId+"');\"/>"
							+ "<div class=\"edit-after edit-advanced MADBarChart_EditParamsConfig MADBarChart_EditParamsConfig"
							+ styleL + "\" onclick=\"MADBarChart_EditParamsConfig('"+theId+"');\"></div>"
							+ "<input id=\"searchParams_"+theId+"\" type=\"hidden\"/>"
						+ "</div>"
						+"<a style=\"padding-left:5px;padding-top: 2px;\" class=\"help-link\" href=\"javascript:void(0);\" onclick=\"MADBarChart_OpenSearchHelp();\">"+SystemEnv.getHtmlNoteName(5380)+"</a>"  //如何使用图表查询？

					+ "</div>"
				+"</div>"
				+"<div class=\"title\">"
				+SystemEnv.getHtmlNoteName(4654) //其他设置
				+"</div>"
				+"<div class=\"form-group\">"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control MADBarChart_BaseInfo_Label1"+styleL+"\">"+SystemEnv.getHtmlNoteName(4655)+"：</span>" //显示图例
						+"<div class=\"col pd-4\"><input type=\"checkbox\" id=\"isShowLegend_"+theId+"\"/></div>"
					+"</div>"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control MADBarChart_BaseInfo_Label1"+styleL+"\">"+SystemEnv.getHtmlNoteName(4656)+"：</span>" //显示标注
						+"<div class=\"col pd-4\"><input type=\"checkbox\" id=\"isShowMarkPoint_"+theId+"\"/><span class=\"font-12 ml-5\">"+SystemEnv.getHtmlNoteName(4661)+"</span></div>" //(注：在最大和最小柱状上显示具体的数值)
					+"</div>"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control MADBarChart_BaseInfo_Label1"+styleL+"\">"+SystemEnv.getHtmlNoteName(4657)+"：</span>" //显示标线
						+"<div class=\"col pd-4\"><input type=\"checkbox\" id=\"isShowMarkLine_"+theId+"\"/><span class=\"font-12 ml-5\">"+SystemEnv.getHtmlNoteName(4662)+"</span></div>" //(注：在图表上显示一根平均值的标线)
					+"</div>"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control MADBarChart_BaseInfo_Label1"+styleL+"\">"+SystemEnv.getHtmlNoteName(4658)+"：</span>" //图表类型
						+"<div class=\"col pd-7 multi-switch\">"
							+ "<span class=\"cbboxEntry\">"
								+ "<input data-checkbox='false' type=\"checkbox\" name=\"chartType_"+theId+"\" value=\"1\"/ onclick=\"MADBarChart_ChangeChartType(this, '"+theId+"');\"/>"
								+ "<span class=\"cbboxLabel\">"+SystemEnv.getHtmlNoteName(4659)+"</span>"	//x轴显示柱状
							+ "</span>"	
							+ "<span class=\"cbboxEntry\">"
								+ "<input data-checkbox='false' type=\"checkbox\" name=\"chartType_"+theId+"\" value=\"2\" onclick=\"MADBarChart_ChangeChartType(this, '"+theId+"');\"/>"
								+ "<span class=\"cbboxLabel\">"+SystemEnv.getHtmlNoteName(4660)+"</span>" //y轴显示柱状
							+ "</span>"	
						+"</div>"
					+"</div>"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control MADBarChart_BaseInfo_Label1"+styleL+"\">"+SystemEnv.getHtmlNoteName(4782)+"：</span>" //坐标标签
						+"<div class=\"col pd-4\"><input type=\"checkbox\" id=\"axisLabelInterval_"+theId+"\"/><span class=\"font-12 ml-5\">"+"("+SystemEnv.getHtmlNoteName(4783)+")"+"</span></div>" //(注：在最大和最小柱状上显示具体的数值)
					+"</div>"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control MADBarChart_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(4784)+"：</span>"  //标签旋转
						+"<div class=\"col-m-8\"><input class=\"form-control\" data-autobind='axisLabelRotate' id=\"axisLabelRotate_"+theId+"\" type=\"text\" placeholder=\""+SystemEnv.getHtmlNoteName(4785)+"\"/></div>"  //坐标轴标签旋转角度，如:30
					+"</div>"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control MADBarChart_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(4786)+"：</span>"  //标签字体
						+"<div class=\"col-m-8\"><input class=\"form-control\" data-autobind='axisLabelFontSize' id=\"axisLabelFontSize_"+theId+"\" type=\"text\" placeholder=\""+SystemEnv.getHtmlNoteName(4787)+"\"/></div>"  //坐标轴标签字体大小，如:12
					+"</div>"
					+ "<div class=\"row\" style=\"position: relative;\">"
						+ "<span class=\"col-2 span-control MADL_Desc"+styleL+"\">"+SystemEnv.getHtmlNoteName(4949) + "</span> "  //数据格式：
						+ "<div class=\"col-m-8 inline-icons\">" 
							+ "<div class='url-selector'>"
								+ "<input type=\"text\" data-autobind='labelFormat' id=\"labelFormat_"+theId+"\" class=\"form-control MADL_Text_3"+styleL+"\"  placeholder=\""+SystemEnv.getHtmlNoteName(4950)+"\"/>" 
							+ "</div>"	
						+ "</div>"
					+ "</div>"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control MADBarChart_BaseInfo_Label1"+styleL+"\">"+SystemEnv.getHtmlNoteName(4129)+"</span>"  //延迟加载：
						+"<div class=\"col pd-4\"><input type=\"checkbox\" id=\"lazyLoad_"+theId+"\"/></div>"
					+"</div>"
				+"</div>"
				+"<div class=\"title\">"
				+SystemEnv.getHtmlNoteName(4415) //交互设置
				+"</div>"
				+"<div class=\"form-group\">"
				+"<div class=\"row\">"
					+"<span class=\"col-2 span-control MADBarChart_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(3977)+"</span>"  //链接地址：
					//+"<div class=\"col-m-8\"><div class='url-selector'><input class=\"form-control\" id=\"clickUrl_"+theId+"\" type=\"text\" placeholder=\""+SystemEnv.getHtmlNoteName(4790)+"\"/></div></div>"//单击图表时跳转的链接地址
					+ "<div class='sbHolder' id='dataurlSbHolder_"+theId+"'  style='position: absolute;width:calc(100% - 72px)'>"
						+ "<a href='javascript:void(0);'  class='sbToggle sbToggle-btc'></a>"
						+ "<input  class='panel-input' type='text' readonly='readonly' unselectable='on' autocomplete='off'/>"
						+ "<input id='clickUrl_"+theId+"' type='hidden' name='dataurl' />"
					+ "</div>"
				+"</div>"
				+"<div class=\"row\">"
					+"<div class=\"tip-control\" style=\"display:block;\">"+SystemEnv.getHtmlNoteName(4791)+"："//链接地址中可以使用 {参数名称} 使用如下名称的参数
						+"<div style=\"margin-top: 3px;\">_chart_name："+SystemEnv.getHtmlNoteName(4792)+"。"+SystemEnv.getHtmlNoteName(4788)+" \"一月\"</div>"//数据名，类目名
						+"<div style=\"margin-top: 3px;\">_chart_seriesName："+SystemEnv.getHtmlNoteName(4793)+"。"+SystemEnv.getHtmlNoteName(4788)+" \"蒸发量\"</div>"//系列名称
						+"<div style=\"margin-top: 3px;\">_chart_value："+SystemEnv.getHtmlNoteName(4794)+"。"+SystemEnv.getHtmlNoteName(4788)+" \"2.0\"</div>"//数据值
						+"<div style=\"margin-top: 3px;line-height: 20px;\">"+SystemEnv.getHtmlNoteName(4795)+"</div>"//以上参数中举例的含义，请点击上面的 如何书写SQL？ 链接打开页面对照具体实例查看
					+"</div>"
				+"</div>"
				+"</div>"
				+"<div class=\"bottom\"><div class=\"save-btn\" onclick=\"refreshMecDesign('"+theId+"');\">"+SystemEnv.getHtmlNoteName(3451)+"</div></div>"  //确定
			+"</div>";
	htm += "<div class=\"MAD_Alert\">"+SystemEnv.getHtmlNoteName(4115)+"</div>";  //已生成到布局
	return htm;
};

/*构建属性编辑窗体完成后调用此方法，主要用于一些必须要使用js对页面进行后置操作时，无需要此方法可至空。 不必需的方法，有此方法系统自动调用*/
MEC_NS.BarChart.prototype.afterAttrDlgBuild = function(){
	var theId = this.id;
	var mecHandler = MECHandlerPool.getHandler(theId);
	
	
	MLanguage.setValue($("#title_" + theId), this.mecJson["title"]);
	MLanguage.setValue($("#subTitle_" + theId), this.mecJson["subTitle"]);
	$("#height_" + theId).val(this.mecJson["height"]);
	$("#width_" + theId).val(Mec_FiexdUndefinedVal(this.mecJson["width"]));
	$("#gridleft_" + theId).val(Mec_FiexdUndefinedVal(this.mecJson["gridleft"]));//左边距
	$("#gridright_" + theId).val(Mec_FiexdUndefinedVal(this.mecJson["gridright"]));//右边距
	$("#clickUrl_" + theId).val(Mec_FiexdUndefinedVal(this.mecJson["clickUrl"]));
	UrlSelectUtil.link.setUrlLink( $("#clickUrl_"+theId).parent(),this.mecJson["clickUrl"]);
	$("#labelFormat_" + theId).val(Mec_FiexdUndefinedVal(this.mecJson["labelFormat"]));

	//初始化颜色条
	var colorValue = Mec_FiexdUndefinedVal(this.mecJson["color"]);
	$("#color_" + theId).val(colorValue);
	showColorBar("#colorView_" + theId, {theId: theId, value: colorValue});

	//动态获取数据源的值，并给数据源添加HTML
	$("#datasource_" + theId).val(this.mecJson["datasource"]);
	MADBarChart_setDataSourceHTML(theId,this.mecJson["datasource"]);

	var $sql = $("#sql_" + theId);
	$sql[0].value = this.mecJson["sql"];
	$sql.focus(function(){
		$(this).addClass("MADBarChart_Textarea_Focus");
	});
	$sql.blur(function(){
		$(this).removeClass("MADBarChart_Textarea_Focus");
	});
	

	var advancedSearch = Mec_FiexdUndefinedVal(this.mecJson["advancedSearch"] , "0");
	if(advancedSearch == "1"){
		$("#advancedSearch_"+theId).attr("checked","checked");
		$(".MADBarChart_EditParamsConfig",  $("#MADBarChart_"+theId)).show();
	}
	$("#searchParams_"+theId).val(Mec_FiexdUndefinedVal(this.mecJson["searchParams"]));

	var isShowLegend = Mec_FiexdUndefinedVal(this.mecJson["isShowLegend"]);
	if(isShowLegend == "1"){
		$("#isShowLegend_"+theId).checked();
	}
	
	var isShowMarkPoint = Mec_FiexdUndefinedVal(this.mecJson["isShowMarkPoint"]);
	if(isShowMarkPoint == "1"){
		$("#isShowMarkPoint_"+theId).checked();
	}
	
	var isShowMarkLine = Mec_FiexdUndefinedVal(this.mecJson["isShowMarkLine"]);
	if(isShowMarkLine == "1"){
		$("#isShowMarkLine_"+theId).checked();
	}
	
	var chartType = this.mecJson["chartType"];
	var $chartType = $("input[type='checkbox'][name='chartType_"+theId+"'][value='"+chartType+"']");
	if($chartType.length > 0){
		$chartType.switched();
	}
	
	var axisLabelInterval = Mec_FiexdUndefinedVal(this.mecJson["axisLabelInterval"]);
	if(axisLabelInterval == "1"){
		$("#axisLabelInterval_"+theId).checked();
	}
	$("#axisLabelRotate_" + theId).val(Mec_FiexdUndefinedVal(this.mecJson["axisLabelRotate"]));
	$("#axisLabelFontSize_" + theId).val(Mec_FiexdUndefinedVal(this.mecJson["axisLabelFontSize"]));
	
	var lazyLoad = Mec_FiexdUndefinedVal(this.mecJson["lazyLoad"]);
	if(lazyLoad == "1"){
		$("#lazyLoad_"+theId).checked();
	}
	
	$("#MADBarChart_"+theId).switcher({
		onClick: function () { 
			mecHandler.autobind && mecHandler.autobind.update();
		}
	}).checkbox({
		onClick: function () { 
			mecHandler.autobind && mecHandler.autobind.update();
		}
	});

	require(['urlSelector', "css!urlSelector_css"],function(){
		var label = new URLSelector("labelFormat_"+theId);
		label.initStaticData([
			{"url":"[℃]", "name":SystemEnv.getHtmlNoteName(4951)},//温度
			{"url":"#,##", "name":SystemEnv.getHtmlNoteName(4952)},//千分位
			{"url":"0.00", "name":SystemEnv.getHtmlNoteName(4953)},//保留两位小数
			{"url":"[￥]#,##0.00", "name":SystemEnv.getHtmlNoteName(3916)}//自定义
		]);
		label.init({
			isStatic: true,
        	onClick: function () { 
				mecHandler.autobind.update();
			}
		});
	});
	
	//require("utils").urlSelector("clickUrl_"+theId);
	$('#dataurlSbHolder_' + theId).on("click",function (e) {
		showUrlSelectPanel(this);
		e.stopPropagation();
	});
};

/*获取JSON*/
MEC_NS.BarChart.prototype.getMecJson = function(){
	var theId = this.id;
	
	this.mecJson["id"] = theId;
	this.mecJson["mectype"] = this.type;
	
	var $attrContainer = $("#MADBarChart_"+theId);
	if($attrContainer.length > 0){
		
		this.mecJson["title"] = MLanguage.getValue($("#title_" + theId));
		this.mecJson["subTitle"] = MLanguage.getValue($("#subTitle_" + theId));
		this.mecJson["height"] = $("#height_" + theId).val();
		this.mecJson["width"] = $("#width_" + theId).val();
		this.mecJson["gridleft"] = $("#gridleft_" + theId).val();
		this.mecJson["gridright"] = $("#gridright_" + theId).val();
		this.mecJson["color"] = $("#color_" + theId).val();
		this.mecJson["clickUrl"] = $("#clickUrl_" + theId).val();
		this.mecJson["labelFormat"] = $("#labelFormat_" + theId).val();
		
		this.mecJson["datasource"] = $("#datasource_" + theId).val();
		this.mecJson["sql"] = $("#sql_" + theId).val();
		
		this.mecJson["isShowLegend"] = $("#isShowLegend_"+theId).is(':checked') ? "1" : "0";
		this.mecJson["isShowMarkPoint"] = $("#isShowMarkPoint_"+theId).is(':checked') ? "1" : "0";
		this.mecJson["isShowMarkLine"] = $("#isShowMarkLine_"+theId).is(':checked') ? "1" : "0";
		this.mecJson["chartType"] = $("input[type='checkbox'][name='chartType_"+theId+"']:checked").val();
		
		this.mecJson["axisLabelInterval"] = $("#axisLabelInterval_"+theId).is(':checked') ? "1" : "0";
		this.mecJson["axisLabelRotate"] = $("#axisLabelRotate_" + theId).val();
		this.mecJson["axisLabelFontSize"] = $("#axisLabelFontSize_" + theId).val();
		
		this.mecJson["lazyLoad"] = $("#lazyLoad_"+theId).is(':checked') ? "1" : "0";
		
		this.mecJson["advancedSearch"] = $("#advancedSearch_"+theId).is(':checked') ? "1" : "0";
		this.mecJson["searchParams"] = $("#searchParams_"+theId).val();
	}
	return this.mecJson;
};

MEC_NS.BarChart.prototype.getDefaultMecJson = function () {
	return {
		id: this.id,
		mectype: this.type,
		height: "300",
		width: "",
		datasource: "",
		sql: "",
		isdefault: true,
		title: "",
		subTitle: "",
		gridleft: "",
		gridright: "",
		color: "",
		isShowLegend: "1",
		isShowMarkPoint: "1",
		isShowMarkLine: "1",
		chartType: "1",
		labelFormat: "",
		axisLabelRotate: "",
		axisLabelFontSize: "",
		advancedSearch: "0",
		searchParams: ""
	};
};

MEC_NS.BarChart.prototype.validate = function () {
	var sql = this.mecJson.sql;
	var isValid = !!sql;

	if (isValid) {
		return true;
	} else {
		var mec_id = this.id;
		var $pluginAttr = $('#MAD_' + mec_id);

		$pluginAttr.find('#sql_' + mec_id).parents('.col-m-8').validate({
			value: sql,
			rules: [{
				msg: '"SQL" ' + SystemEnv.getHtmlNoteName(6041)
			}],
			style: {top:'110px'}
		});
		return {
			isValid: isValid,
			msg: SystemEnv.getHtmlNoteName(6074) //请设置SQL！
		};
	}
};

function MADBarChart_OpenSQLHelp(){
	var dlg = top.createTopDialog();//获取Dialog对象
	dlg.Model = true;
	dlg.Width = 540;//定义长度
	dlg.Height = 555;
	dlg.URL = "/mobilemode/admin/dialog/sqlhelp/barChartHelp.jsp";
	dlg.Title = SystemEnv.getHtmlNoteName(4204);  //SQL帮助
	dlg.btn = false;
	dlg.show();
}

function MADBarChart_getDefaultSQL(mec_id, callback) {
	var datasource = $("#datasource_" + mec_id).val() || "";
	
	require("utils").api("designer/plugin", {
		action: "getDbTypeByDataSource",
		notification: false,
		data: { 
			datasource: datasource
		},
	}, function (result) {
		var sqls = [
			"select '一月' as name, '3.5' as \"降雨量\"",
			"union all \nselect '二月' as name, '7' as \"降雨量\"",
			"union all \nselect '三月' as name, '4.5' as \"降雨量\"",
			""
		];
		var sqlfrom = " ";

		if (result.data.dbtype == 'oracle') {
			sqlfrom = " from dual ";
		}

		callback(sqls.join(sqlfrom));
	});
}

function MADBarChart_fillSQL(mec_id){
	var $sql = $("#sql_" + mec_id);
	var mecHandler = MECHandlerPool.getHandler(mec_id);

	var setDefaultSQL = function () {
		MADBarChart_getDefaultSQL(mec_id, function (sql) {
			$sql.val(sql).trigger('change');
			mecHandler.autobind.update();
		});
	};

	if ($.trim($sql.val()) != "") {
		return confirm(SystemEnv.getHtmlNoteName(4856), setDefaultSQL); //示例SQL会覆盖现有的SQL，确认继续吗？
	}

	setDefaultSQL();
}

function MADBarChart_setDataSourceHTML(mec_id,val){
	var $MADL_DataSource = $("#datasource_" + mec_id);
	var url = jionActionUrl("com.weaver.formmodel.mobile.servlet.MobileAppBaseAction", "action=getDataSource");
	FormmodeUtil.doAjaxDataLoad(url, function(datas){
		for(var i = 0; i < datas.length; i++){
			var data = datas[i];
			var pointid = data;
			var selected = "";
			if (pointid=="" || typeof(pointid)=="undefined") continue;
			if (pointid == val) selected = "selected";
			var dataSourceSelectHtml = "<option value=\""+pointid+"\" "+selected+">";
			dataSourceSelectHtml += pointid;
			dataSourceSelectHtml += "</option>";
			$MADL_DataSource.append(dataSourceSelectHtml);
		}
	});
}

function MADBarChart_ChangeChartType(cbObj, mec_id){
	setTimeout(function(){	//checkbox用了插件，不延时checkbox的checked状态获取不准确
		var objV = cbObj.value;
		if(!cbObj.checked){
			changeCheckboxStatus(cbObj, true);
			return;
		}else{
			$("input[type='checkbox'][name='chartType_"+mec_id+"']").each(function(){
				if(this.value != objV){
					changeCheckboxStatus(this, false);
				}
			});
		}
	},100);
}


function MADBarChart_DisplayParamsConfig(cbObj, mec_id){
	var $attrContainer = $("#MADBarChart_"+mec_id);
	if(cbObj.checked){
		$(".MADBarChart_EditParamsConfig", $attrContainer).show();
	}else{
		$(".MADBarChart_EditParamsConfig", $attrContainer).hide();
	}
}

function MADBarChart_EditParamsConfig(mec_id){
	var searchParams = Mec_FiexdUndefinedVal($("#searchParams_" + mec_id).val());
	searchParams = compressByLZ(searchParams);
	
	var url = "/mobilemode/admin/dialog/customSearchParamsConfig.jsp?searchParams="+searchParams;
	var dlg = top.createTopDialog();//获取Dialog对象
	dlg.Model = true;
	dlg.Width = 600;//定义长度
	dlg.Height = 600;
	dlg.URL = url;
	dlg.Title = SystemEnv.getHtmlNoteName(5379);  //图表查询
	dlg.show();
	dlg.hookFn = function(result){
		$("#searchParams_" + mec_id).val(result["searchParams"]);
	};
}

function MADBarChart_OpenSearchHelp(){
	var url = "/mobilemode/admin/dialog/chartSearchHelp.jsp";
	var dlg = top.createTopDialog();//获取Dialog对象
	dlg.Model = true;
	dlg.Width = 540;//定义长度
	dlg.Height = 560;
	dlg.URL = url;
	dlg.Title = SystemEnv.getHtmlNoteName(5379);  //图表查询
	dlg.btn = false;
	dlg.show();
}