/*鍏嫙鍩洪噾璇︽儏-澶撮儴鐨勫噣鍊艰蛋鍔垮浘*/

// 鍩轰簬鍑嗗濂界殑dom锛屽垵濮嬪寲echarts瀹炰緥
//鎶樼嚎鍥
function highcharts(divid,categoriesData,fundtotalnetval,fundnetval,date_condition,maxnav,minnav){
	
	var myChart = echarts.init(document.getElementById(divid));

	// 鎸囧畾鍥捐〃鐨勯厤缃」鍜屾暟鎹
	var option = {
	title: { 
		text: ' '
	},
	tooltip: {
		trigger: 'axis',
		axisPointer:{
			type:'line'
		}
	},
	legend: {
		left:'auto',
		data:['鍗曚綅鍑€鍊?,'绱鍑€鍊?]
	},
	  grid: {
          show: true,
          borderWidth: '0',
          left: '3%',
          
          right: '7%',
          bottom: 0,
          containLabel: true
      },
	toolbox: {
        show : true,
        feature : {
            dataZoom : {show: true},
            restore : {show: true}
        }
    },
	xAxis:[{
        boundaryGap: false,
        axisTick: {
            show: false
        },
		
		data:categoriesData,
		
		  splitNumber: 2,
          axisLabel: {
              interval: 'auto',    // 寮哄埗鏄剧ずX杞存墍鏈夎妭鐐
              margin: 12,
              textStyle: {
                  color: '#666',
                  fontSize: 12
              }
          },
          axisLine: {
              lineStyle: {
                  color: '#ccc',
                  width: 1
              }
          },
          splitLine: {
              show: true,
              lineStyle: {
                  color: '#eee',
                  width: 1
              }
          }
     }],
     yAxis: [{
         type : 'value',
        // min: 0.65,     //y杞存渶灏忓埢搴
        // max: 1.35,  
         //interval: intervalvalue, //(max - min)/4 y杞村埢搴﹂棿闅
         splitNumber: 2,
         scale: true,
         axisTick: {
             show: false
         },
         axisLabel: {
             show: true,
             formatter: '{value}',
             margin: 12,
             textStyle: {
                 color: '#666',
                 fontSize: 12
             }
         },
         axisLine: {
             lineStyle: {
                 color: '#ccc',
                 width: 1
             }
         },
         splitLine: {
             show: true,
             lineStyle: {
                 color: '#eee',
                 width: 1
             }
         }
     }],
	series: [
		{
		    name:'鍗曚綅鍑€鍊?,
		    type: 'line',
            symbolSize: 0,
            itemStyle: {
                normal: {
                    color: 'red'
                }
            },
           
            smooth: true,
		    data: fundnetval
		   
		},
		{
		    name:'绱鍑€鍊?,
		    type: 'line',
            symbolSize: 0,
            itemStyle: {
                normal: {
                    color: '#0068b7'
                }
            },
            
            smooth: true,
		    data:fundtotalnetval
		}
	
	]
	};
 
	   myChart.setOption(option);
	   window.onresize = myChart.resize;
	 
	// 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆
	
}

//璐у竵鍩洪噾鎶樼嚎鍥
function highchartsH(divid,categoriesData,f_incomeunit,f_incomeratio,date_condition,maxnav,minnav){
	
	var myChart = echarts.init(document.getElementById(divid));

	// 鎸囧畾鍥捐〃鐨勯厤缃」鍜屾暟鎹
	var option = {
	title: { 
		text: ' '
	},
	tooltip: {
		trigger: 'axis',
		axisPointer:{
			type:'line'
		}
	},
	legend: {
		left:'auto',
		data:['涓囦唤鏀剁泭(鍏?','涓冩棩骞村寲鏀剁泭鐜?%)' ]
	},
	grid: {
        show: true,
        borderWidth: '0',
        left: '3%',
        
        right: '7%',
        bottom: 0,
        containLabel: true
    },
	toolbox: {
        show : true,
        feature : {
            dataZoom : {show: true},
            restore : {show: true}
        }
    },
    xAxis:[{
        boundaryGap: false,
        axisTick: {
            show: false
        },
		
		data:categoriesData,
		
		  splitNumber: 2,
          axisLabel: {
              interval: 'auto',    // 寮哄埗鏄剧ずX杞存墍鏈夎妭鐐
              margin: 12,
              textStyle: {
                  color: '#666',
                  fontSize: 12
              }
          },
          axisLine: {
              lineStyle: {
                  color: '#ccc',
                  width: 1
              }
          },
          splitLine: {
              show: true,
              lineStyle: {
                  color: '#eee',
                  width: 1
              }
          }
     }],
     yAxis: [{
         type : 'value',
        // min: 0.65,     //y杞存渶灏忓埢搴
        // max: 1.35,  
         //interval: intervalvalue, //(max - min)/4 y杞村埢搴﹂棿闅
         splitNumber: 2,
         scale: true,
         axisTick: {
             show: false
         },
         axisLabel: {
             show: true,
             formatter: '{value}',
             margin: 12,
             textStyle: {
                 color: '#666',
                 fontSize: 12
             }
         },
         axisLine: {
             lineStyle: {
                 color: '#ccc',
                 width: 1
             }
         },
         splitLine: {
             show: true,
             lineStyle: {
                 color: '#eee',
                 width: 1
             }
         }
     }],
	series: [
		{
		    name:'涓囦唤鏀剁泭(鍏?',
		    type: 'line',
            symbolSize: 0,
            itemStyle: {
                normal: {
                    color: 'red'
                }
            },
           
            smooth: true,
		    data: f_incomeunit
		   
		},
		{
		    name:'涓冩棩骞村寲鏀剁泭鐜?%)',
		    type:'line', 
		    symbolSize: 0,
		    itemStyle : {  
	            normal : {  
	                	 color: "#0068b7"
                          
	            }  
	        }, 
	        smooth: true,
		    data:f_incomeratio
		}
	]
	};
 
	   myChart.setOption(option);
	   window.onresize = myChart.resize;
	 
	// 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆
	
}




//鏌ヨ璧勪骇缁勫悎鏁版嵁
function getZczhData(divid,fundcode,url_post){
	 $.ajax({
		url :url_post,
		type : "POST",
		dataType:"json",
		data:{fundcode:fundcode},
		success : function(result) {
			if(result.code!="0000"){
				alert(result.msg);
			}else{
				var legendData = [];
				var seriesData=[];
				
				var data = result.data;
				if(data.length==0){
					$("#"+divid).html("<div style='text-align:center;font-size:20px;color: #666;'><br><br>鏆傛棤鐩稿叧鏁版嵁</div>");
				}else{
					$(data).each(function(i){
						legendData.push(data[i].vc_xm); //椤圭洰
						var series = {};
						series["name"] =  data[i].vc_xm;//椤圭洰
						series["value"] =  data[i].i_bl;//姣斾緥
						seriesData.push(series);
						
					});
					//alert(legendData);
					//alert(seriesData);
					chartPie(divid,legendData,seriesData);
				}
			}
		},
		error:function(){
		}
	});
	 
	
}


//鏌ヨ琛屼笟鍒嗗竷鏁版嵁
function getHyfbData(divid,fundcode,url_post){
	 $.ajax({
		url :url_post,
		type : "POST",
		dataType:"json",
		data:{fundcode:fundcode},
		success : function(result) {
			if(result.code!="0000"){
				alert(result.msg);
			}else{
				var legendData = [];
				var seriesData=[];
				
				var data = result.data;
				if(data.length==0){
                    $("#"+divid).html("<div style='text-align:center;font-size:20px;color: #666;'><br><br>鏆傛棤鐩稿叧鏁版嵁</div>");
				}else{
					$(data).each(function(i){
						legendData.push(data[i].vc_hylb); //椤圭洰
						var series = {};
						series["name"] =  data[i].vc_hylb;//椤圭洰
						series["value"] =  data[i].i_bl;//姣斾緥
						seriesData.push(series);
						
					});
					//alert(legendData);
					//alert(seriesData);
					chartPie(divid,legendData,seriesData);
				}
			}
		},
		error:function(){
		}
	});
	 
	
}


//鏌ヨ鍗佸ぇ鑲＄エ鏁版嵁(鏌辩姸鍥?
function getGoZData(divid,fundcode,url_post,color){
	 $.ajax({
		url :url_post,
		type : "POST",
		dataType:"json",
		data:{fundcode:fundcode},
		success : function(result) {
			if(result.code!="0000"){
				alert(result.msg);
			}else{
				var legendData = [];
				var seriesData=[];
				
				var data = result.data;
				if(data.length==0){
					$("#"+divid).html("<div style='text-align:center;font-size:20px;color: #666;'><br><br>鏆傛棤鐩稿叧鏁版嵁</div>");
				}else{ 
					$(data).each(function(i){
						legendData.push(data[i].vc_gpmc); //鑲＄エ鍚嶇О
						seriesData.push(data[i].i_bl);//姣斾緥
						
					});
					//alert(legendData);
					//alert(seriesData);
					chartBar(divid,legendData,seriesData,color);
			      }
			}
		},
		error:function(){
		}
	});
	 
	
}

//楗煎浘鍒濆鍖 鍒濆鍖栫殑dom鐨刬d銆佸皬鏍囩銆佹暟鎹
function chartPie(divid,legendData,seriesData){
	var myChart = echarts.init(document.getElementById(divid));
var option = {
	    title : {
	        text: ' ',
	        subtext: ' ',
	        x:'center'
	    },
	    tooltip : {
	        trigger: 'item',
	        formatter: "{a} <br/>{b} : {c} %"
	    },
	    legend: {
	        orient: 'vertical',
	        top: '40px',
	        orient:'horizontal',
	        //data: ['鐩存帴璁块棶','閭欢钀ラ攢','鑱旂洘骞垮憡','瑙嗛骞垮憡','鎼滅储寮曟搸']
	        data:legendData
	    },
	    series : [
	        {
	            name: '鎵€鍗犳瘮渚?,
	            type: 'pie',
	            radius : '55%',
	            center: ['50%', '60%'],
	           /* data:[
	                {value:335, name:'鐩存帴璁块棶'},
	                {value:310, name:'閭欢钀ラ攢'},
	                {value:234, name:'鑱旂洘骞垮憡'},
	                {value:135, name:'瑙嗛骞垮憡'},
	                {value:1548, name:'鎼滅储寮曟搸'}
	            ],*/
	            data: seriesData,
	            itemStyle: {
	            	
	            	normal:{
	                    label:{
		                    show:true,
		                    formatter:function(val){   //璁﹕eries 涓殑鏂囧瓧杩涜鎹㈣  
		                        return val.name.split("-").join("\n");
		                    },  
	                    },
	                    labelLine:{
		                    show:true
		                    }
	                    },
	                emphasis: {
	                    shadowBlur: 10,
	                    shadowOffsetX: 0,
	                    shadowColor: 'rgba(0, 0, 0, 0.5)'
	                }
	            }
	        }
	    ]
	};

	myChart.setOption(option);
}

//鏌辩姸鍥
function chartBar(divid,xData,seriesData,color){
	var myChart = echarts.init(document.getElementById(divid));
	var option = {
	    color: [color],
	    tooltip : {
	        trigger: 'axis',
	        axisPointer : {            // 鍧愭爣杞存寚绀哄櫒锛屽潗鏍囪酱瑙﹀彂鏈夋晥
	            type : 'shadow'        // 榛樿涓虹洿绾匡紝鍙€変负锛?line' | 'shadow'
	        }
	    },
	    grid: {
	        left: '3%',
	        right: '4%',
	        bottom: '3%',
	        containLabel: true
	    },
	    xAxis : [
	        {
	            type : 'category',
	       /*     data : ['鍛ㄤ竴', '鍛ㄤ簩', '鍛ㄤ笁', '鍛ㄥ洓', '鍛ㄤ簲', '鍛ㄥ叚', '鍛ㄦ棩'],*/
	            data: xData,
	            axisTick: {
	                alignWithLabel: true
	            }
	        }
	    ],
	    yAxis : [
	        {
	            type : 'value',
	            name:'鍗犲噣鍊兼瘮渚?%)',
	            nameLocation:'middle',
	            nameGap:'40'
	        }
	    ],
	    series : [
	        {
	            name:'姣斾緥',
	            type:'bar',
	            barWidth: '60%',
	            /*data:[10, 52, 200, 334, 390, 330, 220]*/
	            data: seriesData
	        }
	    ]
	};
	myChart.setOption(option);
}

 

 //鍩洪噾鍑€鍊兼煡璇㈡暟鎹
function fundechart(hideid,divid,date_condition,starttime,endtime,fundcode,url){
	//$("#selectDate").find(".cjnyl").attr("class","cjnyl");
	var procode = fundcode;
 $.ajax({
	url :url,
	type : "POST",
	dataType:"json",
	data:{starttime:starttime,endtime:endtime,date_condition:date_condition,fundcode:fundcode},
	success : function(result) {
		if(result.code!="0000"){
			alert(result.msg);
		}else{
			//$("#selectDate").find(".cjnyl").eq(date_condition-1).attr("class","cjnyl on");
			var categoriesData = [], fundtotalnetval=[],fundnetval=[];
			var data = result.data;
			if(data.length==0){
				$("#"+divid).hide();
				$("#"+hideid).show();
			}else{
				$("#"+divid).show();
				$("#"+hideid).hide();
				$(data).each(function(i){
					categoriesData.push(data[i].d_date); //鏃ユ湡
					var ljjzdata = data[i].f_totalnetvalue;//绱鍑€鍊
					var dwjzdata = data[i].f_netvalue;//鍗曚綅鍑€鍊
					fundtotalnetval.push(ljjzdata);  
					fundnetval.push(dwjzdata);
				});
				var maxnav=Math.max.apply(null, fundtotalnetval)+0.1;
				//alert(maxnav);
				var minnav=Math.min.apply(null, fundnetval)-0.1;
				//alert(minnav);
				highcharts(divid,categoriesData,fundtotalnetval,fundnetval,date_condition,maxnav.toFixed(1),minnav.toFixed(1));
			}
		}
	},
	error:function(){
		//$("#container").html("<br><br><br><br><br><br>鏄剧ず閿欒锛?);
//     			Popbox.error("鍒濆鍖栬蛋鍔垮浘寮傚父锛岃鑱旂郴绠＄悊鍛?);
	}
});
}  



//鍩洪噾鍑€鍊兼煡璇㈡暟鎹?--璐у竵鍩洪噾
function fundechartH(hideid,divid,date_condition,starttime,endtime,fundcode,url){
	//$("#selectDate").find(".cjnyl").attr("class","cjnyl");
	var procode = fundcode;
 $.ajax({
	url :url,
	type : "POST",
	dataType:"json",
	data:{starttime:starttime,endtime:endtime,date_condition:date_condition,fundcode:fundcode},
	success : function(result) {
		if(result.code!="0000"){
			alert(result.msg);
		}else{
			//$("#selectDate").find(".cjnyl").eq(date_condition-1).attr("class","cjnyl on");
			var categoriesData = [], f_incomeunit=[],f_incomeratio=[];
			var data = result.data;
			if(data.length==0){
				$("#"+divid).hide();
				$("#"+hideid).show();
			}else{
				$("#"+divid).show();
				$("#"+hideid).hide();
				$(data).each(function(i){
					categoriesData.push(data[i].d_date); //鏃ユ湡
					var incomeunit = data[i].f_incomeunit;//涓囦唤鏀剁泭
					//alert(incomeunit);
					var incomeratio = data[i].f_incomeratio;//涓冩棩骞村寲
					f_incomeunit.push(incomeunit);  
					f_incomeratio.push(incomeratio);
				});
				//alert(f_incomeunit);
				//alert(f_incomeratio);
				var maxnav=Math.max.apply(null, f_incomeratio)+0.1;
				//alert(maxnav);
				var minnav=Math.min.apply(null, f_incomeunit)-0.1;
			//alert(minnav);
				highchartsH(divid,categoriesData,f_incomeunit,f_incomeratio,date_condition,maxnav.toFixed(1),minnav.toFixed(1));
				
			}
		}
	},
	error:function(){
		//$("#container").html("<br><br><br><br><br><br>鏄剧ず閿欒锛?);
//     			Popbox.error("鍒濆鍖栬蛋鍔垮浘寮傚父锛岃鑱旂郴绠＄悊鍛?);
	}
});
}  






function chart11(){
//浠ヤ笅涓哄浘琛ㄦ祴璇
var myChart = echarts.init(document.getElementById('tabfundvalueid'));
var option = {
    title: {
        text: 'ECharts 鍏ラ棬绀轰緥'
    },
    tooltip: {},
    legend: {
        data:['閿€閲?]
    },
    xAxis: {
        data: ["琛～","缇婃瘺琛?,"闆汉琛?,"瑁ゅ瓙","楂樿窡闉?,"琚滃瓙"]
    },
    yAxis: {},
    series: [{
        name: '閿€閲?,
        type: 'bar',
        data: [5, 20, 36, 10, 10, 20]
    }]
};
myChart.setOption(option);
 

}


function chartPiecs(id){
	var myChart = echarts.init(document.getElementById(id));
var option = {
	    title : {
	        text: '鏌愮珯鐐圭敤鎴疯闂潵婧?,
	        subtext: '绾睘铏氭瀯',
	        x:'center'
	    },
	    tooltip : {
	        trigger: 'item',
	        formatter: "{a} <br/>{b} : {c} ({d}%)"
	    },
	    legend: {
	        orient: 'vertical',
	        top: '40px',
	        orient:'horizontal',
	        data: ['鐩存帴璁块棶','閭欢钀ラ攢','鑱旂洘骞垮憡','瑙嗛骞垮憡','鎼滅储寮曟搸']
	    },
	    series : [
	        {
	            name: '璁块棶鏉ユ簮',
	            type: 'pie',
	            radius : '55%',
	            center: ['50%', '60%'],
	            data:[
	                {value:335, name:'鐩存帴璁块棶'},
	                {value:310, name:'閭欢钀ラ攢'},
	                {value:234, name:'鑱旂洘骞垮憡'},
	                {value:135, name:'瑙嗛骞垮憡'},
	                {value:1548, name:'鎼滅储寮曟搸'}
	            ],
	            itemStyle: {
	                emphasis: {
	                    shadowBlur: 10,
	                    shadowOffsetX: 0,
	                    shadowColor: 'rgba(0, 0, 0, 0.5)'
	                }
	            }
	        }
	    ]
	};

	myChart.setOption(option);
}