3d跨度振幅走势图实现--彩票类

ESUNChart={};
ESUNChart.previewCode=[];
ESUNChart.on=function(o,type,fn){o.attachEvent?o.attachEvent('on'+type,function(){fn.call(o)}):o.addEventListener(type,fn,false);};
/* 全局控制 */
ESUNChart.ini={
	default_has_line:true,
	map:[],/* 数字到字符映射 */
	initShow:'',/* 是否初始化时显示重号或者其它号码,格式为复选框ID+,号 "c_tb,c_v,c_v3,c_h,c_h3,c_x,c_x3" */
	stop_buy_re:/sina|tenpay|paipai|youa/ /* 禁止出现购买按钮的包含站点规则 */
};

ESUNChart.CSS=function(obj,v){
	var _style=obj.style;
	if (_style[v])return _style[v];  
    if (obj.currentStyle) return obj.currentStyle[v]
    if (document.defaultView && document.defaultView.getComputedStyle){ 
            v = v.replace(/([A-Z])/g,"-$1").toLowerCase();
            var s = document.defaultView.getComputedStyle(obj,""); 
            return s && s.getPropertyValue(v); 
    }
    return null; 
}
ESUNChart.stop= function(e) {
	if (e.stopPropagation) {
		e.stopPropagation();
		e.preventDefault();
	} else {
		e.cancelBubble = true;
		e.returnValue = false;
	};
};
ESUNChart.insertAfter=function(newElement,targetElement){
	var parent=targetElement.parentNode;
	if(parent.lastChild==targetElement){
		return parent.appendChild(newElement);
	}else{
		return parent.insertBefore(newElement,targetElement.nextSibling);
	};
}

/* 连线类  --------------------------------------------------------------------*/
JoinLine=function(color,size){
	this.color=color||"#000000";
	this.size=size||1;
	this.lines=[];
	this.tmpDom=null;
	this.visible=true;
    var cenbox=document.getElementById('container');//for center div
    this.box=document.body;
    if(cenbox){//兼容居中div
        this.wrap=cenbox.getElementsByTagName('DIV')[0];
        if(this.wrap){
            this.box=this.wrap
            this.wrap.style.position='relative';
        }
    };
};
JoinLine.prototype={
	show:function(yes){
		for(var i=0;i<this.lines.length;i++)
			this.lines[i].style.visibility=yes?"visible":"hidden";		
	},
	remove:function(){
		for(var i=0;i<this.lines.length;i++)
			this.lines[i].parentNode.removeChild(this.lines[i]);
		this.lines=[];		
	},
	join:function(objArray,hide,fn){
		this.remove();
		this.visible=hide?"visible":"hidden";
		this.tmpDom=document.createDocumentFragment();
		for(var i=0;i<objArray.length-1;i++){
			var a=this.pos(objArray[i]);
			var b=this.pos(objArray[i+1]);
            //alert("A.x*: " + a.x + " * A.y*: " + a.y + " *B.x*: " + b.x + " *B.y*: " + b.y);
			/* 通过比对两个值来决策绘制与否 */
			if(fn&&fn(a,b)===false)continue;
			if(document.all && !(navigator.appName == "Microsoft Internet Explorer" 
                                && (navigator.appVersion.match(/9./i)=="9." || document.documentMode == 10))){
				this.IELine(a.x,a.y,b.x,b.y)
				
			}else{
				this.FFLine(a.x,a.y,b.x,b.y)
			};
		};
		this.box.appendChild(this.tmpDom);		
	},
	 pos:function(obj){
        //alert(obj.offsetWidth);
	 	if(obj.nodeType==undefined)return obj;// input {x:x,y:y} return;
		var pos={x:0,y:0},a=obj;
		for(;a;a=a.offsetParent){pos.x+=a.offsetLeft;pos.y+=a.offsetTop;if(this.wrap&&a.offsetParent===this.wrap)break};// 兼容居中div
		pos.x+=parseInt(obj.offsetWidth/2);
		pos.y+=parseInt(obj.offsetHeight/2);
		return pos;
	},
	_oldDot:function (x,y,color,size){
		var dot=document.createElement("DIV");
		dot.style.cssText="position: absolute; left: "+x+"px; top: "+y+"px;background: "+color+";width:"+size+"px;height:"+size+"px;font-size:1px;overflow:hidden";
		dot.style.visibility=this.visible;
		this.lines.push(this.tmpDom.appendChild(dot));
	},
	_oldLine:function(x1,y1,x2,y2){
		var r=Math.floor(Math.sqrt((x2-x1)*(x2-x1)+(y2-y1)*(y2-y1)));
		var theta=Math.atan((x2-x1)/(y2-y1));
		if(((y2-y1)<0&&(x2-x1)>0)||((y2-y1)<0&&(x2-x1)<0))	theta=Math.PI+theta;
		var dx=Math.sin(theta),dy=Math.cos(theta),i=0;
		do{this.FFDot(x1+i*dx,y1+i*dy,this.color,this.size)}while(i++<r);
	},
	FFLine:function(x1,y1,x2,y2){
		if(Math.abs(y1-y2)<(JoinLine.indent*2)&&x1==x2)return;//自动确定同列的是否连线		
		var np=this.nPos(x1,y1,x2,y2,JoinLine.indent);//两端缩减函数（防止覆盖球）
		x1=np[0];y1=np[1];x2=np[2];	y2=np[3];
		var cvs=document.createElement("canvas");
		cvs.style.position="absolute";
		cvs.style.visibility=this.visible;
		cvs.width=Math.abs(x1-x2)||this.size;
		cvs.height=Math.abs(y1-y2)||this.size;
		var newY=Math.min(y1,y2);
		var newX=Math.min(x1,x2);
		cvs.style.top=newY+"px";
		cvs.style.left=newX+"px";
		var FG=cvs.getContext("2d");
		FG.save();//缓存历史设置
		FG.strokeStyle=this.color;
		FG.lineWidth=this.size;
		//FG.globalAlpha=0.5;//透明度；	
		FG.beginPath(); 
		FG.moveTo(x1-newX,y1-newY);
		FG.lineTo(x2-newX,y2-newY);
		FG.closePath();
		FG.stroke();
		FG.restore();//恢复历史设置
		this.lines.push(cvs);
		this.tmpDom.appendChild(cvs);		
	},	
	IELine:function(x1,y1,x2,y2){
		if(Math.abs(y1-y2)<(JoinLine.indent*2)&&x1==x2)return;//自动确定同列的是否连线
		var np=this.nPos(x1,y1,x2,y2,JoinLine.indent);//两端缩减函数（防止覆盖球）
		x1=np[0];y1=np[1];x2=np[2];	y2=np[3];		
		var line = document .createElement( "<v:line></v:line>" );
		line.from=x1+","+y1;
		line.to=x2+","+y2;
		line.strokeColor=this.color;
		line.strokeWeight=this.size+"px";
		line.style.cssText="position:absolute;z-index:999;top:0;left:0";
		line.style.visibility=this.visible;
		line.coordOrigin="0,0";
		this.lines.push(line);
		this.tmpDom.appendChild(line);
	},
	nPos:function(x1, y1, x2, y2, r){
		var a = x1 - x2, b = y1 - y2;
		var c = Math.round(Math.sqrt(Math.pow(a, 2) + Math.pow(b, 2)));
		var x3, y3, x4, y4;
		var _a = Math.round((a * r)/c);
		var _b = Math.round((b * r)/c);
		return [x2 + _a, y2 + _b, x1 - _a, y1 - _b]; 
	}
};

JoinLine.indent=8;

/* 过滤搜索连线操纵类 --------------------------------------------------------------------*/
LG=function(table,_x,_y,width,margin_bottom,css_name,fn_check){
	var rect={x:_x||0,y:_y||0,w:width||0,oh:margin_bottom||0};
	var trs;
    if (isIE()) {
        trs=document.getElementById(table).rows;
    } else {
        trs = (document.getElementById("table3d").getElementsByTagName("tbody"))[1] . rows; 
    }
	var row_start=rect.y<0?(trs.length+rect.y):rect.y;
	var row_end=trs.length-rect.oh;
	var col_start=rect.x<0?(trs[row_start].cells.length+rect.x):rect.x;
	var col_end=parseInt(col_start)+parseInt(rect.w);
	if(col_end>trs[row_start].cells.length)col_end=trs[row_start].cells.length;	
	if(rect.w==0)col_end=trs[row_start].cells.length;	
	this.g=[];
	//alert([row_start,row_end,col_start,col_end]);
	for(var i=row_start;i<row_end;i++){/* each and grouping */
		var tr=trs[i].cells;
		for(var j=col_start;j<col_end;j++){
			var td=tr[j];
			/* 检测器返回绝对真时，单元格才被添加到组 */
			if(td){
				if(fn_check(td,css_name,j,i)===true)this.g.push(td);
			}
		};
	};
	if(LG.autoDraw)this.draw();
};
//LG.color='#E4A8A8';
LG.color='#898989';
LG.size=2;
LG.autoDraw=true;/* 默认自动绘线 */
LG.isShow=true;
LG.filter=function(){};
LG.prototype={
	draw:function(color,size,fn){
		this.line=new JoinLine(color||LG.color,size||LG.size);
		if(!fn)fn=LG.filter;
		this.line.join(this.g,LG.isShow,fn);
	},
	clear:function(){
		this.line.remove();
	},
	show:function(yes){this.line.show(yes)}
}

/* 批量绘线对象 -----------------------------------------------------------------------------------
设置表格；
设置开关；
设置检测函数；
添加块；x坐标从0开始
显示；
修改模式；
添加；
再显示；
error:如果检测函数第一次显示无效，第二次会被覆盖掉
*/
oZXZ={
	vg:[],
	lg:[],
	_vg:[],
	_lg:[],
    css_name:[],
	table:false,
	check:function(td,cssName){
        for (var i = 0; i < cssName.length; i++) {
            if (td.className == cssName[i]) {
                return true;
            }
        }
        return false;
	},
	on_off:true,
	_on:true,/* 开关反作用 */
	novl:false,/* 忽略垂直线 */
	bind:function(tid,_css_name,_on_off){
		this.table=tid;
        for(var i=0;i<_css_name.length;i++){this.css_name.push(_css_name[i])};
		this.on_off=_on_off;
		return this;
	},
	color:function(c){
		LG.color=c;
		return this;
	},
	newCheck:function(fn){
		this.check=fn;
		return this;
	},	
	draw:function(yes){
		if(!this.table)return;
		if(yes){
			var qL=this.vg.length;
			for(var i=0;i<qL;i++){
				var it=this.vg[i];
				LG.color=it.color;
				JoinLine.indent=it.indent;
				this.novl=it.novl;
				if(this.novl)LG.filter=function(a,b){return !(a.x==b.x)};
				this.lg.push(new LG(this.table,it[0],it[1],it[2],it[3],this.css_name,this.check));
			}
		}
		if(this.on_off){
			var _this=this;
			$=document.getElementById(this.on_off);
			if($)$.οnclick=function(){
				var yes=_this._on?this.checked:!this.checked;
				_this.show(yes);
			};	
		}
		/* 转移与清空历史记录，等待下一次添加 */
		this._vg=this._vg.concat(this.vg);
		this.vg=[];
		this._lg=this._lg.concat(this.lg);
		this.lg=[];
		return this;
	},
	show:function(yes){
		/* 如果没有线则重绘一次 */
		if(this._lg.length==0)this.redraw();
		var qL=this._lg.length;
		for(var i=0;i<qL;i++){this._lg[i].show(yes)};
	},
	/*
	x,y,w,-bottom
	*/
	add:function(x,y,w,mb){//把每一块封成组加上属性
		this.vg.push([x,y,w,mb]);
		/* 记录本组缩进与颜色 */
		this.vg[this.vg.length-1].color=LG.color;
		this.vg[this.vg.length-1].indent=JoinLine.indent;
		this.vg[this.vg.length-1].novl=this.novl;
		return this;
	},
	clear:function(){
		for(var i=0;i<this._lg.length;i++)
			this._lg[i].clear();
		return this;
	},
	redraw:function(){
		this.clear();
		this.vg=this.vg.concat(this._vg);
		this._vg=[];
		this.draw(true);
	},
	newCheck:function(fn){
		this.check=fn;
		return this;
	},	
	setvl:function(v){
		this.novl=v;
		return this;
	},
	indent:function(v){
		JoinLine.indent=v;
		return this;
	}
}

/* 添加所有的全局初始化动作
------------------------------------------------------------------------------------------*/
ESUNChart.init=function(){
	/* 复位复选框 */
	var inputs=document.getElementsByTagName("INPUT");
	for(var i=0;i<inputs.length;i++){
		var it=inputs[i];
		if(it.type.toLowerCase()=="checkbox")it.checked=false;
	}
	if(!ESUNChart.ini.default_has_line)return;
	var on_off=document.getElementById("has_line");
	if(!on_off)return;
	on_off.checked='checked';
};

/* 重写fw.onReady 延迟执行到window.onload */
if(typeof fw =='undefined')fw={};
fw.onReady=function(fn){
	ESUNChart.on(window,'load',fn);
}

ESUNChart.on(window,'load',function(){// foot scroll AD
	var sys=document.getElementById('foot_scroll_txt');
	if(!sys)return;
	//sys.style.overflow='hidden';
	//sys.style.height='38px'
	var go_go=function(outer,inShell,goUnit,stopTime,speed,dir){
		var $=function (id){return document.getElementById(id)},dir=dir||-1;
		var outer=$(outer),inShell=$(inShell),H=inShell.offsetHeight;
		outer.appendChild(inShell.cloneNode(true));
		(function (){
			H=H||inShell.offsetHeight;
			var m=(outer.scrollTop-1)%goUnit?(speed||13):stopTime;//get timer speed;
			var ed=outer.scrollTop;
			if(go_go.stop!=true)
			if(dir==-1){
				outer.scrollTop=ed==H+1?0:++ed;
			}else{
				outer.scrollTop=ed==0?H-1:--ed;
			}
			setTimeout(arguments.callee,m);
		})()
		return arguments.callee;
	};
	go_go('foot_scroll_txt','foot_scroll_shell',19,3000,10,-1);
	sys.οnmοuseοver=function(){go_go.stop=true};
	sys.οnmοuseοut=function(){go_go.stop=false};
});

function addReferrer(from){
    var links=document.links;
    for(var i=0,j;j=links[i++];)
        j.href+=(j.href.indexOf('?')==-1?'?':'&')+'from='+from
};
function isStopBuySite(){
	var from=document.referrer,local=location.href,search=location.search;
    var param=search.match(/\bfrom=([^&?]+)\b/);
    if(param)from=param[1]
    //addReferrer(from);
	if(ESUNChart.ini.stop_buy_re!==null)
	    return ESUNChart.ini.stop_buy_re.test(from);
	return false;    	
};

ESUNChart.on(window,'load',function(){ // show hide foot ad and buy button
	var noBuy=isStopBuySite();
    if(noBuy)return;
    function getID(o){return document.getElementById(o)}
    //显示预选区
    for (var i=0;i<6;++i ) {
        var el=getID('selLine'+i);
        if(el)el.style.display='';
    };
    el=getID('selMaskBox');
    if(el)el.style.display='none';
    //显示按钮
    var spans=getID('chartbottom').getElementsByTagName('span');
    for(var i=0,l=spans.length;i<l;i++){
        var j=spans[i];
        if(j.className=='intro_right ssq_ad')j.style.display='block';        
    };
    //显示新闻
    var spans=getID('chartbottom').getElementsByTagName('DIV');
    for(var i=0,l=spans.length;i<l;i++){
        var j=spans[i];
        if(j.className=='latest')j.style.display='block';        
    };
});

/*
预选事件
*/

ESUNChart.onPreviewAreaClick=function(){}

/*
全局配置
*/

/*
常见无效原因
1.未加VML样式
2.表格x,y定位错误，使表格没有全部遍历
3.缺少必要ID
*/

/*
line Color:
青绿色:#C5C50A;
橙色:#FF9916;
深粉:#FB9D82;
*/