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

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

	//鐢ㄤ簬浣縞hart鑷€傚簲楂樺害鍜屽搴?閫氳繃绐椾綋楂樺璁＄畻瀹瑰櫒楂樺
	var resizeWorldMapContainer = function () {
	    worldMapContainer.style.width = window.innerWidth*0.85+'px';
	    //worldMapContainer.style.height = window.innerHeight*0.5+'px';
	};
	//璁剧疆瀹瑰櫒楂樺
	resizeWorldMapContainer();
	// 鍩轰簬鍑嗗濂界殑dom锛屽垵濮嬪寲echarts瀹炰緥
	var myChart = echarts.init(worldMapContainer);
	
	//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: '1%',
         
         right: '8%',
         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);
	 //鐢ㄤ簬浣縞hart鑷€傚簲楂樺害鍜屽搴
	   window.onresize = function () {
	       //閲嶇疆瀹瑰櫒楂樺
	       resizeWorldMapContainer();
	       myChart.resize();
	   };
	 
	// 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆
	
}

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

	//鐢ㄤ簬浣縞hart鑷€傚簲楂樺害鍜屽搴?閫氳繃绐椾綋楂樺璁＄畻瀹瑰櫒楂樺
	var resizeWorldMapContainer = function () {
	    worldMapContainer.style.width = window.innerWidth*0.85+'px';
	    //worldMapContainer.style.height = window.innerHeight*0.5+'px';
	};
	//璁剧疆瀹瑰櫒楂樺
	resizeWorldMapContainer();
	// 鍩轰簬鍑嗗濂界殑dom锛屽垵濮嬪寲echarts瀹炰緥
	var myChart = echarts.init(worldMapContainer);
	//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: '2%',
         
         right: '2%',
         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);
		 //鐢ㄤ簬浣縞hart鑷€傚簲楂樺害鍜屽搴
		   window.onresize = function () {
		       //閲嶇疆瀹瑰櫒楂樺
		       resizeWorldMapContainer();
		       myChart.resize();
		   };
	 
	// 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆
	
}




 //鍩洪噾鍑€鍊兼煡璇㈡暟鎹
function fundechart(hideid,divid,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:"",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(formatDate(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,maxnav.toFixed(1),minnav.toFixed(1));
			}
		}
	},
	error:function(){
		//$("#container").html("<br><br><br><br><br><br>鏄剧ず閿欒锛?);
//     			Popbox.error("鍒濆鍖栬蛋鍔垮浘寮傚父锛岃鑱旂郴绠＄悊鍛?);
	}
});
}  



//鍩洪噾鍑€鍊兼煡璇㈡暟鎹?--璐у竵鍩洪噾
function fundechartH(hideid,divid,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:"",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(formatDate(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,maxnav.toFixed(1),minnav.toFixed(1));
				
			}
		}
	},
	error:function(){
		//$("#container").html("<br><br><br><br><br><br>鏄剧ず閿欒锛?);
//     			Popbox.error("鍒濆鍖栬蛋鍔垮浘寮傚父锛岃鑱旂郴绠＄悊鍛?);
	}
});
}  


//鏇茬嚎鍥炬牸寮忓寲鏃堕棿
function formatDate(str){
	var y = str.substring(2,4);
	var m = str.substring(5,7);
	var d = str.substring(8,10);
	//return y+"-"+m+"-"+d;
	return y+"-"+m+"-"+d;
}


function chartLineTest(){
//浠ヤ笅涓哄浘琛ㄦ祴璇
var myChart = echarts.init(document.getElementById('tabfundvalueid'));
var option = {
	    title: {
	        text: '鏈潵涓€鍛ㄦ皵娓╁彉鍖?,
	        subtext: '绾睘铏氭瀯'
	    },
	    tooltip: {
	        trigger: 'axis'
	    },
	    legend: {
	        data:['鏈€楂樻皵娓?,'鏈€浣庢皵娓?]
	    },
	    toolbox: {
	        show: true,
	        feature: {
	            dataZoom: {
	                yAxisIndex: 'none'
	            },
	            dataView: {readOnly: false},
	            magicType: {type: ['line', 'bar']},
	            restore: {},
	            saveAsImage: {}
	        }
	    },
	    xAxis:  {
	        type: 'category',
	        boundaryGap: false,
	        data: ['鍛ㄤ竴','鍛ㄤ簩','鍛ㄤ笁','鍛ㄥ洓','鍛ㄤ簲','鍛ㄥ叚','鍛ㄦ棩']
	    },
	    yAxis: {
	        type: 'value',
	        axisLabel: {
	            formatter: '{value} 掳C'
	        }
	    },
	    series: [
	        {
	            name:'鏈€楂樻皵娓?,
	            type:'line',
	            data:[11, 11, 15, 13, 12, 13, 10],
	            markPoint: {
	                data: [
	                    {type: 'max', name: '鏈€澶у€?},
	                    {type: 'min', name: '鏈€灏忓€?}
	                ]
	            },
	            markLine: {
	                data: [
	                    {type: 'average', name: '骞冲潎鍊?}
	                ]
	            }
	        },
	        {
	            name:'鏈€浣庢皵娓?,
	            type:'line',
	            data:[1, -2, 2, 5, 3, 2, 0],
	            markPoint: {
	                data: [
	                    {name: '鍛ㄦ渶浣?, value: -2, xAxis: 1, yAxis: -1.5}
	                ]
	            },
	            markLine: {
	                data: [
	                    {type: 'average', name: '骞冲潎鍊?},
	                    [{
	                        symbol: 'none',
	                        x: '90%',
	                        yAxis: 'max'
	                    }, {
	                        symbol: 'circle',
	                        label: {
	                            normal: {
	                                position: 'start',
	                                formatter: '鏈€澶у€?
	                            }
	                        },
	                        type: 'max',
	                        name: '鏈€楂樼偣'
	                    }]
	                ]
	            }
	        }
	    ]
	};

myChart.setOption(option);
 

}

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);
}