(function(){
	var char;
	var id="grap";
	parameter={showId:"",type:"",vs:[],die:true};//{drawId:"JDZhongCount",drawM:"进店总人数"},{drawId:"YiXiangCount",drawM:"意向客户数"}
	getIntValue=function(v){
		if(v==null||v==""){
			v=0;
		}
		return v;
	}
	getData=function(jsData){
		var colors = Highcharts.getOptions().colors;
		var data=[];
		var xM=[];
		var vM=[];//Y轴值的描述
		var dataV=[];
		//另集合
		var reMap;
		var retmap1={miaoshu:[],data:[],vM:[],dataV:[]};
		if(!parameter.die){
			for(var j=0;j<parameter.vs.length;j++){
				retmap1.miaoshu[j]=parameter.vs[j].drawM;
				retmap1.dataV[j]={};
				retmap1.dataV[j].drilldown={};
				retmap1.dataV[j].drilldown.data=[];
				retmap1.dataV[j].color=colors[j];
				for(var i=0;i<jsData.length;i++){
					if(j==0){
						retmap1.vM[i]=jsData[i][parameter.showId];
						retmap1.data[i]={};
						retmap1.data[i].name=jsData[i][parameter.showId];
						retmap1.data[i].data=[];
					}
					retmap1.data[i].data[j]=getIntValue(jsData[i][parameter.vs[j].drawId]);
					retmap1.dataV[j].drilldown.data[i]=getIntValue(jsData[i][parameter.vs[j].drawId]);
				}
				retmap1.dataV[j].drilldown.color=colors[j];
				retmap1.dataV[j].drilldown.categories=retmap1.vM;
			}
			reMap=retmap1;
		}else{
		for(var i=0;i<jsData.length;i++){
			xM[i]=jsData[i][parameter.showId];
			dataV[i]={};
			dataV[i].drilldown={};
			dataV[i].drilldown.data=[];
			dataV[i].color=colors[i];
			for(var j=0;j<parameter.vs.length;j++){
				if(i==0){
					data[j]={};
					data[j].name=parameter.vs[j].drawM;
					vM[j]=parameter.vs[j].drawM;
					data[j].data=[];
				}
			    data[j].data[i]=getIntValue(jsData[i][parameter.vs[j].drawId]);
			    dataV[i].drilldown.data[j]=getIntValue(jsData[i][parameter.vs[j].drawId]);
			}
			dataV[i].drilldown.color=colors[i];
			dataV[i].drilldown.categories=vM;
		}
		reMap={"miaoshu":xM,"data":data,"vM":vM,"dataV":dataV};
		}
		return reMap;
	}
	toColumnDie=function(jsData){
		var mapdata=getData(jsData);
		var xM=mapdata.miaoshu;
		var data=mapdata.data;
		var option={
				chart: {
			renderTo: id,
			defaultSeriesType: 'column'
		},
		title: {
			text: parent.document.title
		},
		xAxis: {
			categories: xM
		},
		yAxis: {
			title: {
				text: ''
			},
			stackLabels: {
				enabled: true,
				style: {
					fontWeight: 'bold',
					color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
				}
			}
		},
		legend: {
			align: 'right',
			x: -100,
			verticalAlign: 'top',
			y: 20,
			floating: true,
			backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColorSolid) || 'white',
			borderColor: '#CCC',
			borderWidth: 1,
			shadow: false
		},
		tooltip: {
			formatter: function() {
				return '<b>'+ this.x +'</b><br/>'+
					 this.series.name +': '+ this.y +'<br/>'+
					 'Total: '+ this.point.stackTotal;
			}
		},
		plotOptions: {
			column: {
				stacking: 'normal',
				dataLabels: {
					enabled: true,
					color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
				}
			}
		},
	    series: data
	};
		return option;
	}
	toColumn=function(jsData){		
		var mapdata=getData(jsData);
		var xM=mapdata.miaoshu;
		var data=mapdata.data;
		var option={
		chart: {
			renderTo: id,
			defaultSeriesType: 'column'
		},
		title: {
			text: parent.document.title
		},
		subtitle: {
			
			text: document.domain
			
		},
		xAxis: {
			categories: xM
		},
		yAxis: {
			title: {
				text: ''
			}
		},
		legend: {
			layout: 'vertical',
			backgroundColor: '#FFFFFF',
			align: 'left',
			verticalAlign: 'top',
			x: 60,
			y: 40,
			floating: true,
			shadow: true
		},
		tooltip: {
			formatter: function() {
				return '<b>'+ this.series.name +'</b><br/>'+
				this.x +': '+ this.y +'';
			}
		},
		plotOptions: {
			column: {
				pointPadding: 0.2,
				borderWidth: 0
			}
		},
	        series:data
	}
		return option;
	}
	toLine=function(jsData){
		var mapdata=getData(jsData);
		var xM=mapdata.miaoshu;
		var data=mapdata.data;
		var option={
			chart: {
			renderTo: id,
			defaultSeriesType: 'line',
			marginRight: 100,
			marginBottom: 15
		},
		title: {
			text: parent.document.title,
			x: -20 //center
		},
		subtitle: {
			
			text: document.domain,//'Source: yc100.xicp.net'
			x: -20
		},
		xAxis: {
			categories: xM
		},
		yAxis: {
			title: {
				text: ""
			},
			plotLines: [{
				value: 0,
				width: 1,
				color: '#808080'
			}]
		},
		tooltip: {
			formatter: function() {
	                return '<b>'+ this.series.name +'</b><br/>'+
					this.x +': '+ this.y +'';
			}
		},
		legend: {
			layout: 'vertical',
			align: 'right',
			verticalAlign: 'top',
			x: -10,
			y: 100,
			borderWidth: 0
		},
		series:data
	};
		return option;
	}
	toPieDie=function(jsData){
		var mapdata=getData(jsData);
		var xM=mapdata.miaoshu;
		var data1=mapdata.data;
		var colors = Highcharts.getOptions().colors,
		categories = xM;
		//name = 'Browser brands',
		var data=mapdata.dataV;
		
	// Build the data arrays
	var browserData = [];
	var versionsData = [];
	var count=0;
	for (var i = 0; i < data.length; i++) {
	    count=0;
		// add version data
		for (var j = 0; j < data[i].drilldown.data.length; j++) {
			var brightness = 0.2 - (j / data[i].drilldown.data.length) / 5 ;
			versionsData.push({
				name: data[i].drilldown.categories[j],
				y: data[i].drilldown.data[j],
				color: Highcharts.Color(data[i].color).brighten(brightness).get()
			});
			count+=data[i].drilldown.data[j];
		}
		// add browser data
		browserData.push({
			name: categories[i],
			y: count,
			color: data[i].color
		});
	}
		var option={
			chart: {
			renderTo: id, 
			type: 'pie'
		},
		title: {
			text: parent.document.title
		},
		yAxis: {
			title: {
		
				text: document.domain//Total percent market share
			}
		},
		plotOptions: {
			pie: {
				shadow: false
			}
		},
		tooltip: {
			formatter: function() {
				return '<b>'+ this.point.name +'</b>: '+ this.y ;
			}
		},
		series: [{
			name: '名称',
			data: browserData,
			size: '60%',
			dataLabels: {
				formatter: function() {
					return this.y > 5 ? this.point.name : null;
				},
				color: 'white',
				distance: -30
			}
		}, {
			name: '详细',
			data: versionsData,
			innerSize: '60%',
			dataLabels: {
				formatter: function() {
					// display only if larger than 1
					return this.y > 1 ? '<b>'+ this.point.name +':</b> '+ this.y  : null;
				}
			}
		}]
	};
		return option;
	}
	draw=function(jsData){//绘图
		var option;
		if(parameter.type=="line"){
		   option=toLine(jsData);
		}else if(parameter.type=="column"){
		   option=toColumn(jsData);
		}else if(parameter.type=="columnD"){
		   option=toColumnDie(jsData);
		}else if(parameter.type=="pieD"){
			option=toPieDie(jsData);
		}
		chart = new Highcharts.Chart(option);
	}
})();