wp/nwyj/.svn/pristine/cc/cc085db865e3a6bb1ab3bb599b77cf0e82a7c7fb.svn-base

/**
 * 线图与柱图的通用样式
 * @param op
 * @returns {___anonymous_option}
 */
function getOption(op){
	option={
			borderWidth:0,
			title: {
				 show:false,
			       text:"",
			       x:"left",
			       textStyle: {
			           color: "#FFC000",
			           fontSize: 14,
			           fontStyle: "normal",
			           fontFamily:"微软雅黑",
			           fontWeight: "bolder",
			           textAlign:"right",
			           align: "right",
			           baseline: "middle"
			       },
			       x: "left",
			       subtext:"",
			       subtextStyle: {
			    	   color: "white",//#C00000
			            textAlign:"right",
			           fontSize: 16,
			           fontStyle: "normal",
			           fontWeight: "bolder",
			           align: "right",
			           baseline: "middle"
			       }
			   },
			  tooltip: {
			     //  trigger: "item",
			       trigger: (function(){
			    	   if(op.trigger==undefined)return"item";
			    	   return op.trigger;
			       })(),
			       axisPointer:
			       {
			         	type : 'line',
			         	lineStyle : 
			         	{
			         		color: '#a7a7a7'
			         	}
			         },
			       //百分比的函数设计在数据中体现
			       //formatter: "{a} <br/>{b} : {c} ({d}%)",
			       	show: true,
			       	showDelay: 20,             // 延迟，单位ms
			        hideDelay: 100,            // 隐藏延迟
			        transitionDuration : 0.4,  // 动画，单位s
			        backgroundColor: 'rgba(0,0,0,0.7)',
			        borderColor: '#333',
			        borderRadius: 8,
			        borderWidth: 0, 
			        padding: 5,    
			       textStyle: {
			           color: "#fff",
			           fontSize: 12,
			           fontStyle: "normal",
			           fontWeight: "normal",
			           align: "center",
			           baseline: "middle"
			       },
			       backgroundColor: "rgba(0,0,0,0.7)"
			   },
			    legend: {
			        data:op.leArr,//图例数据
			        x: "left",
		    	    y: 'top',
		    	    
		    	    orient : 'vertical',
		    	  /*  selected : op.select,
*/			       /* selectedMode: "single",*/
			        itemWidth:5,
			        textStyle://图例文本样式
		    		{
			        	/*color: "rgb(255,255,255)",*/
			        	width:100,
			        	color:"#000000",//图例颜色
			            baseline: "middle",
			            align: "center",
			            fontStyle: "normal",
			            fontFamily:"微软雅黑",
			            fontWeight: "normal",
			            fontSize: 12
		    		},
		    		show:false//是否显示图例
			    },
			    
			    toolbox: {
			        show : true,//是否显示工具箱
			        showTitle: true,
			        orient: 'vertical',
			        x: 'right',//水平居右
			        y: 'center',//垂直居中
			        feature : {
			        	restore : {show: true, readOnly: false,title : "刷新"},                 
			            saveAsImage : {
			            	show: true,
			            	onClickStart:function(saveAsImage,option){
			            		//alert(JSON.stringify(saveAsImage));
			            	},
			            	onClickEnd:function(saveAsImage,option){
			            		//alert("保存结束");
			            	},
			            	backgroundColor:"#002050"
			            }//保存图片
			        },
			        		      //设置时间轴
			       dataZoom: {
			            show: true,//显示时间轴
			            start : 80//时间轴的默认起始时间点
			        },
			        textStyle:{//工具箱的文本样式
			        	color:"#FFFFFF"
			        }
			    },
			    calculable : true,
			    grid:
		    	{
			    	x: 70,
			    	y: op.y==undefined?10: op.y,
			    	y2:55, 
			    	x2:25,
		    		borderWidth:0,
		    		borderColor:"#808080",
		    		zlevel:2
		    	},
		    timeLine:
		    	{
		    		show:true,
		    		zlevel:2
		    	},
			
    xAxis : [
        {
            type : 'category',
            data :op.xAxis,
            position: "bottom",
            nameTextStyle:
            {
		        color: "rgb(255,255,255)",
		        align: "center",
		        baseline: "middle",
		        fontSize: 12,
		        fontStyle: "normal",
		        fontWeight: "normal"
		    },
		    axisLine: {
		        lineStyle: {
		            type: "solid",
		            width: 2,
		            color: "#48b"
		        },
		        show: true
		    },
		    axisLabel: {
		    	/* interval: (function(){ 
		    		 	if(op.sArr[0].length<=3)return "auto";
		    		 	if(op.sArr[0].type=="line"){
		    		 		 return Math.floor(op.sArr[0].data.length/3);
		    		 	}
		    		 	if(op.interval==undefined)return "auto";
		               })(),*/
		        textStyle: {
		        	color: "#000000",
		            fontStyle: "normal",
		            fontWeight: "normal",
		            align: "center",
		            baseline: "top",
		            fontSize: 10,
		            fontFamily:"微软雅黑"
		        }
		    },
		    axisTick: {
		        show: true
		    },
		    splitArea: {
		        show: false
		    },
		    splitLine: {
		        show: false,
		        lineStyle: {
		            color: "rgb(178, 178, 178)",
		            width: 1
		        }
		    },
		    nameLocation: "end"
		
        }
    ],
    yAxis : [
			  {
				  //type:"log"
	           type:"value"/* (
	        		   function()
	        		   {
	        			   return op.value== undefined?"log": op.value;
	        		   })()*/,
	          min:0,
	         /*  logLabelBase:"10",*/
	           axisLabel: {
	               textStyle: {
	                   color: "#000000",
	                   fontSize: 13,
	                   fontStyle: "normal",
	                   fontFamily:"微软雅黑",
	                   fontWeight: "normal",
	                   align: "right",
	                   baseline: "middle"
	               }
	           },
	           splitLine: {
	               lineStyle: {
	                   color: "rgb(178, 178, 178)",
	                   width: 1,
	                   type: "dashed"
	               },
	               
	               show: true
	           },
	           axisLine: {
	               show: true,
	               lineStyle: {
	                   color: "#48b",
	                   width: 2
	               }
	           }
	       }
   ],
    series :op.sArr,
    //背景颜色做测试使用，所有统计图做完后注释掉，改为透明背景
  /*  backgroundColor: "rgb(25,39,53)"*/
};
	
	return option;
}





/**
 * 饼图
 * @param op
 * @returns {___anonymous_option}
 */

function getOption11(op){
	option={
			title: {
				 show:true,
			       text:"",
			       x:"left",
			       textStyle: {
			           color: "#FFC000",
			           fontSize: 14,
			           fontStyle: "normal",
			           fontFamily:"微软雅黑",
			           fontWeight: "bolder",
			           textAlign:"right",
			           align: "right",
			           baseline: "middle"
			       },
			       x: "left",
			       subtext:"",
			       subtextStyle: {
			    	   color: "white",//#C00000
			            textAlign:"right",
			           fontSize: 16,
			           fontStyle: "normal",
			           fontWeight: "bolder",
			           align: "right",
			           baseline: "middle"
			       }
			   },
		    tooltip : {
		        trigger: 'item',
		        formatter: "{a} <br/>{b} : {c} ({d}%)"
		    },
		    legend: {
		        orient : 'vertical',
		        x : 'right',
		        data:op.leArr,//图例数据
	    	    y: "bottom",
		        textStyle://图例文本样式
	    		{
		        	color: "rgb(255,255,255)",
		            baseline: "middle",
		            align: "center",
		            fontStyle: "normal",
		            fontFamily:"微软雅黑",
		            fontWeight: "normal",
		            fontSize: 12
	    		},
	    		show:(function(){
	    		
	    			return op.show== undefined?true:op.show;
	    		})(),//是否显示图例
		    },
		    toolbox: {
		        show : true,//是否显示工具箱
		        showTitle: true,
		        orient: 'vertical',
		        x: 'right',//水平居右
		        y: 'center',//垂直居中
		        feature : {
		        	restore : {show: true, readOnly: false,title : "刷新"},                 
		            saveAsImage : {
		            	show: true,
		            	onClickStart:function(saveAsImage,option){
		            		//alert(JSON.stringify(saveAsImage));
		            	},
		            	onClickEnd:function(saveAsImage,option){
		            		//alert("保存结束");
		            	},
		            	backgroundColor:"#002050"
		            }//保存图片
		        },

		        textStyle:{//工具箱的文本样式
		        	color:"#FFFFFF"
		        }
		    },
		    calculable : true,

    series :op.sArr,
    //背景颜色做测试使用，所有统计图做完后注释掉，改为透明背景
    //backgroundColor: "rgb(25,39,53)"
};
	
	return option;
}



function getEchart($dom,fn,op,myChart){

	if(myChart!=null){
		myChart.clear();
	}
	if(myChart==null){
		myChart = echarts.init($dom.get(0)); 
	}
	 myChart.setOption(fn(op));
	/* window.onresize = myChart.resize;*/
	 return myChart;
}