$(function(){ TITLEARR[0] = TITLEARR[0] + "-申请量"; if(data.length==1){ $('#btn_sel').hide(); } MODALNUM = CARR.length - (data[0][0].split(':').length-1); if(MODALNUM>=1){ for(var i = 0;i=2){ for(var i = 0;i=3){ for(var i = 0;i=4){ for(var i = 0;i=5){ for(var i = 0;i' + '
' +(i+1)+ '
'; }else{ html1 += '
' +(i+1)+ '
'; } } $('#btn_cnt')[0].innerHTML = html1; $('#btn_cnt div').click(function(){ var ss = this.innerHTML; if(ss=='全部') ss = 0; INPUTNUM = parseInt(ss); $('#btn_cnt').hide(); $('#btn_sel')[0].innerHTML = this.innerHTML; }).mouseenter(function(){ $(this).css('color','white'); $(this).css('background','#3098fe'); }).mouseleave(function(){ $(this).css('background','white'); $(this).css('color','black'); }) // y轴begin //concat(); var html = ''; for(var i = 0;i'; } $('#modalb1')[0].innerHTML = html; $('#mybody').click(function(){ $('#btn_cnt').hide(); $('#modalb1').hide(); STEP = 0; }) $('#modalb1 div').mouseenter(function () { $(this).css('color','white'); $(this).css('background','#3098fe'); }) $('#modalb1 div').mouseleave(function () { $(this).css('background','white'); $(this).css('color','black'); }) $('#modalb1 div').click(function () { $('#modalb1').css('display','none'); YTITLE = $(this)[0].innerText.trim(); $('#fig_btn1')[0].innerHTML = YTITLE; for(i = 0;i=7){ if(cheight-cwidth/2<0){ margin = 0; }else{ margin = (cheight-cwidth/2)/3; } wid=cwidth*0.24; hei = cwidth*0.24; $('#charts'+i).css("height",cwidth*0.24); $('#charts'+i).css("width",cwidth*0.24); $('#charts'+i).css("marginTop",margin); } } window.onresize = function(){ $(".warp").css("left",document.body.clientWidth-23); $(".warp").css("top",document.body.clientHeight-25); cheight = document.documentElement.clientHeight-2; cwidth = document.documentElement.clientWidth; margin = (cheight-cwidth/2)/3; for(var i = 1;i<=data.length;i++){ if(data.length==1){ wid=cwidth; hei = cheight; wid=cwidth; hei = cheight; $('#charts'+i).css("height",cheight); $('#charts'+i).css("width",cwidth); }else if(data.length==2){ if(cheight-cwidth/2<0){ margin = -1*(cheight-cwidth/2)/2; wid=cheight; hei = cheight; $('#charts'+i).css("height",cheight); $('#charts'+i).css("width",cheight); $('#charts'+i).css("marginLeft",margin); }else{ margin = (cheight-cwidth/2)/2; wid=cwidth*0.47; hei = cwidth*0.47; $('#charts'+i).css("height",cwidth*0.47); $('#charts'+i).css("width",cwidth*0.47); $('#charts'+i).css("marginTop",margin); } }else if(data.length==3||data.length==4){ if(cheight-cwidth<0){ margin = -1*(cheight-cwidth)/3; wid=cheight; hei = cheight; $('#charts'+i).css("height",cheight*0.5); $('#charts'+i).css("width",cheight*0.5); $('#charts'+i).css("marginLeft",margin); }else{ margin = (cheight-cwidth)/3; wid=cwidth*0.47; hei = cwidth*0.47; $('#charts'+i).css("height",cwidth*0.47); $('#charts'+i).css("width",cwidth*0.47); $('#charts'+i).css("marginTop",margin); } }else if(data.length==5||data.length==6){ if(cheight/2-cwidth/3<0){ margin = (cwidth*0.94-cheight*3/2)/5; wid=cheight*0.5; hei = cheight*0.5; $('#charts'+i).css("height",cheight*0.5); $('#charts'+i).css("width",cheight*0.5); $('#charts'+i).css("marginLeft",margin); }else{ margin = (cheight-cwidth/2)/3; wid=cwidth*0.31; hei = cwidth*0.31; $('#charts'+i).css("height",cwidth*0.31); $('#charts'+i).css("width",cwidth*0.31); $('#charts'+i).css("marginTop",margin); } }else if(data.length>=7){ if(cheight-cwidth/2<0){ margin = 0; }else{ margin = (cheight-cwidth/2)/3; } wid=cwidth*0.24; hei = cwidth*0.24; $('#charts'+i).css("height",cwidth*0.24); $('#charts'+i).css("width",cwidth*0.24); $('#charts'+i).css("marginTop",margin); } } myChart1.resize(); myChart2.resize(); myChart3.resize(); myChart4.resize(); myChart5.resize(); myChart6.resize(); myChart7.resize(); myChart8.resize(); myChart1.setOption({ graphic:[{ type:'rect', cursor:'default', shape:{ x:0, y:0, width:wid, height:hei }, style:{ fill:BGCOLOR[0], stroke:'grey', lineWidth:1 } } ]}); myChart2.setOption({ graphic:[{ type:'rect', cursor:'default', shape:{ x:0, y:0, width:wid, height:hei }, style:{ fill:BGCOLOR[1], stroke:'grey', lineWidth:1 } } ]}); myChart3.setOption({ graphic:[{ type:'rect', cursor:'default', shape:{ x:0, y:0, width:wid, height:hei }, style:{ fill:BGCOLOR[2], stroke:'grey', lineWidth:1 } } ]}); myChart4.setOption({ graphic:[{ type:'rect', cursor:'default', shape:{ x:0, y:0, width:wid, height:hei }, style:{ fill:BGCOLOR[3], stroke:'grey', lineWidth:1 } } ]}); myChart5.setOption({ graphic:[{ type:'rect', cursor:'default', shape:{ x:0, y:0, width:wid, height:hei }, style:{ fill:BGCOLOR[4], stroke:'grey', lineWidth:1 } } ]}); myChart6.setOption({ graphic:[{ type:'rect', cursor:'default', shape:{ x:0, y:0, width:wid, height:hei }, style:{ fill:BGCOLOR[5], stroke:'grey', lineWidth:1 } } ]}); myChart7.setOption({ graphic:[{ type:'rect', cursor:'default', shape:{ x:0, y:0, width:wid, height:hei }, style:{ fill:BGCOLOR[6], stroke:'grey', lineWidth:1 } } ]}); myChart8.setOption({ graphic:[{ type:'rect', cursor:'default', shape:{ x:0, y:0, width:wid, height:hei }, style:{ fill:BGCOLOR[7], stroke:'grey', lineWidth:1 } } ]}); } showChart(); }) //c++参数转换为js参数 if(c_bNameT=='0'){ c_bNameT = false; }else{ c_bNameT = true; } if(c_bNameL=='0'){ c_bNameL = false; }else{ c_bNameL = true; } if(c_bNameX=='0'){ c_bNameX = false; }else{ c_bNameX = true; } if(c_bNameY=='0'){ c_bNameY = false; }else{ c_bNameY = true; } //c++参数转换为js参数 var COUNTL = ARRKEY[0][0].split(':').length-1; var ARRKEY1 = []; var ARRKEYR = []; var ARRVALUE = []; var ARRSORT = []; var ARRSORTCOLOR = []; var TITLEARR = []; var ARRKK = []; var TEMPARR = []; var ARRKEY11 = []; var ARRMAX = []; var ARRMAXNAME = []; var SUBTEXTARR = []; var LEFTARR = []; var WIDTHARR = []; // var ACC = []; // var TCC = []; data = ARRKEY; var dataLength = data.length; if(typeof TextP=='undefined'||TextP==''){ var MYTEXT = [[],[],[],[],[],[]]; }else{ var MYTEXT = TextP.split('&&'); for(var i = 0;i=7){ wid = cwidth*0.24; hei = cwidth*0.24; } function hslToRgb(h, s, l){ var r, g, b; if(s == 0){ r = g = b = l; // achromatic }else{ var hue2rgb = function hue2rgb(p, q, t){ if(t < 0) t += 1; if(t > 1) t -= 1; if(t < 1/6) return p + (q - p) * 6 * t; if(t < 1/2) return q; if(t < 2/3) return p + (q - p) * (2/3 - t) * 6; return p; } var q = l < 0.5 ? l * (1 + s) : l + s - l * s; var p = 2 * l - q; r = hue2rgb(p, q, h + 1/3); g = hue2rgb(p, q, h); b = hue2rgb(p, q, h - 1/3); } return 'rgb('+Math.round(r * 255)+','+Math.round(g * 255)+','+Math.round(b * 255)+')'; } function renderAverageItem1(param, api) { // var ccheight = cheight/2.6; var categoryIndex = api.value(0); var bandWidth = api.size([0, 0])[0] * 0.85; var ccheight = param.coordSys.height+param.coordSys.y; var point = api.coord([api.value(0), api.value(1)]); if(param.dataIndex==ARRSORTCOLOR[0]){ return { type: 'line', shape: { x1: point[0], x2: point[0], y1: point[1], y2: ccheight }, style: api.style({ fill: null, stroke: api.visual('color'), lineWidth: 0.8, // type:'dotted', }) }; } } function renderAverageItem2(param, api) { // var ccheight = cheight/2.6; var categoryIndex = api.value(0); var bandWidth = api.size([0, 0])[0] * 0.85; var ccheight = param.coordSys.height+param.coordSys.y; var point = api.coord([api.value(0), api.value(1)]); if(param.dataIndex==ARRSORTCOLOR[1]){ return { type: 'line', shape: { x1: point[0], x2: point[0], y1: point[1], y2: ccheight }, style: api.style({ fill: null, stroke: api.visual('color'), lineWidth: 0.8 }) }; } } function renderAverageItem3(param, api) { // var ccheight = cheight/2.6; var categoryIndex = api.value(0); var bandWidth = api.size([0, 0])[0] * 0.85; var ccheight = param.coordSys.height+param.coordSys.y; var point = api.coord([api.value(0), api.value(1)]); if(param.dataIndex==ARRSORTCOLOR[2]){ return { type: 'line', shape: { x1: point[0], x2: point[0], y1: point[1], y2: ccheight }, style: api.style({ fill: null, stroke: api.visual('color'), lineWidth: 0.8 }) }; } } function renderAverageItem4(param, api) { // var ccheight = cheight/2.6; var categoryIndex = api.value(0); var bandWidth = api.size([0, 0])[0] * 0.85; var ccheight = param.coordSys.height+param.coordSys.y; var point = api.coord([api.value(0), api.value(1)]); if(param.dataIndex==ARRSORTCOLOR[3]){ return { type: 'line', shape: { x1: point[0], x2: point[0], y1: point[1], y2: ccheight }, style: api.style({ fill: null, stroke: api.visual('color'), lineWidth: 0.8 }) }; } } function renderAverageItem5(param, api) { // var ccheight = cheight/2.6; var categoryIndex = api.value(0); var bandWidth = api.size([0, 0])[0] * 0.85; var ccheight = param.coordSys.height+param.coordSys.y; var point = api.coord([api.value(0), api.value(1)]); if(param.dataIndex==ARRSORTCOLOR[4]){ return { type: 'line', shape: { x1: point[0], x2: point[0], y1: point[1], y2: ccheight }, style: api.style({ fill: null, stroke: api.visual('color'), lineWidth: 0.8 }) }; } } function renderAverageItem6(param, api) { // var ccheight = cheight/2.6; var categoryIndex = api.value(0); var bandWidth = api.size([0, 0])[0] * 0.85; var ccheight = param.coordSys.height+param.coordSys.y; var point = api.coord([api.value(0), api.value(1)]); if(param.dataIndex==ARRSORTCOLOR[5]){ return { type: 'line', shape: { x1: point[0], x2: point[0], y1: point[1], y2: ccheight }, style: api.style({ fill: null, stroke: api.visual('color'), lineWidth: 0.8 }) }; } } function renderAverageItem7(param, api) { // var ccheight = cheight/2.6; var categoryIndex = api.value(0); var bandWidth = api.size([0, 0])[0] * 0.85; var ccheight = param.coordSys.height+param.coordSys.y; var point = api.coord([api.value(0), api.value(1)]); if(param.dataIndex==ARRSORTCOLOR[6]){ return { type: 'line', shape: { x1: point[0], x2: point[0], y1: point[1], y2: ccheight }, style: api.style({ fill: null, stroke: api.visual('color'), lineWidth: 0.8 }) }; } } function renderAverageItem8(param, api) { // var ccheight = cheight/2.6; var categoryIndex = api.value(0); var bandWidth = api.size([0, 0])[0] * 0.85; var ccheight = param.coordSys.height+param.coordSys.y; var point = api.coord([api.value(0), api.value(1)]); if(param.dataIndex==ARRSORTCOLOR[7]){ return { type: 'line', shape: { x1: point[0], x2: point[0], y1: point[1], y2: ccheight }, style: api.style({ fill: null, stroke: api.visual('color'), lineWidth: 0.8 }) }; } } function concat(){ ARRKEYR = []; ARRKEY1 = []; ARRKEY11 = []; ARRKK = []; ARRVALUE = []; ARRSORT = []; ARRSORTCOLOR = []; TEMPARR = []; for(var i = 0;imax){ max = Number(ARRVALUE[i][j]); maxname = ARRKK[i][j]; ARRMAX[i] = max; ARRMAXNAME[i] = maxname; ARRSORTCOLOR[i] = j; } } } for(var i = 0;i=100&&ARRMAX[i]<=999){ LEFTARR[i] = '12%'; WIDTHARR[i] = '82%'; }else if(ARRMAX[i]>=1000&&ARRMAX[i]<=9999){ LEFTARR[i] = '16%'; WIDTHARR[i] = '78%'; }else if(ARRMAX[i]>=10000&&ARRMAX[i]<=99999){ LEFTARR[i] = '18%'; WIDTHARR[i] = '76%'; }else if(ARRMAX[i]>=100000&&ARRMAX[i]<=999999){ LEFTARR[i] = '20%'; WIDTHARR[i] = '74%'; }else{ LEFTARR[i] = '22%'; WIDTHARR[i] = '72%'; } } for(var i = 0;i-1){ var arr2 = value.split("-") value = arr2[0] } return c_showX(data.length,value) }, rich:{ v:{ fontSize:c_nSizeX, fontFamily:c_szFamilyX, fontStyle:c_szStyleX, fontWeight:c_szWeightX, padding: [0, 0, 5, 0], }, v1:{ fontSize:c_nSizeX, fontFamily:c_szFamilyX, fontStyle:c_szStyleX, fontWeight:c_szWeightX, padding: [0, 0, -5, 0], }, } }, axisLine:{ show:true, lineStyle:{ width:c_szLineWidthX, color: c_szLineColorX } }, splitLine:{ lineStyle:{ width:c_szSplitLineWidthX, type:c_szSplitLineTypeX } }, } ], grid: [ { x:LEFTARR[0],width:WIDTHARR[0], height:ARRKEY1.length>1?'auto':"80%" } ], yAxis: [ { type: 'value', name:CARR[Y[0]], show:c_bNameY, name:c_YAxisName, nameLocation:c_szLocationY, nameTextStyle:{ color:c_szColorY, fontSize:c_nSizeY, fontFamily:c_szFamilyY, fontStyle:c_szStyleY, fontWeight:c_szWeightY, }, axisLabel:{ interval:0, rotate:c_szYRotate, color:c_szColorY, fontSize:c_nSizeY, fontFamily:c_szFamilyY, fontStyle:c_szStyleY, fontWeight:c_szWeightY, }, axisLine:{ show:true, lineStyle:{ width:c_szLineWidthY, color: c_szLineColorY } }, splitLine:{ lineStyle:{ width:c_szSplitLineWidthY, type:c_szSplitLineTypeY } }, } ], series: [ { name: CARR[Y[0]], type: 'line', itemStyle:{ normal:{ opacity:c_szOpacityP, borderColor:c_szLineColorP, borderWidth:c_szLineWidthP, borderType:c_szLineTypeP, shadowBlur:c_szShadowSizeP, shadowColor:c_szShadowColorP, shadowOffsetX:c_szShadowXP, shadowOffsetY:c_szShadowYP } }, symbol:'circle',//拐点设置为实心 symbolSize:15,//拐点大小 lineStyle:{ normal:{ width:1 } }, data: ARRVALUE[0], symbolSize:function(data){ if(data==ARRMAX[0]){ return 8; }else{ return 5; } } } , { type: 'custom', name: '', renderItem: renderAverageItem1, data: ARRVALUE[0] } ] }; var option2 = { animation:ani, title: { text: TITLEARR[1], subtext:SUBTEXTARR[1], show:c_bNameT, x:c_szXAlignT, y:c_szYAlignT, textStyle:{ color:c_szColorT, fontSize:Number(c_nSizeT)+2, fontFamily:c_szFamilyT, fontStyle:c_szStyleT, fontWeight:c_szWeightT, }, subtextStyle:{ color:c_szColorT, fontSize:Number(c_nSizeT)-2, fontFamily:c_szFamilyT, fontStyle:c_szStyleT, fontWeight:c_szWeightT, } }, toolbox: { show: ts, feature: { // dataZoom: {}, dataView: {readOnly: false}, // magicType: {type: ['line', 'bar']}, // restore: {}, saveAsImage: {} } }, graphic:[{ type:'rect', cursor:'default', shape:{ x:0, y:0, width:wid, height:wid }, style:{ fill:BGCOLOR[1], stroke:'grey', lineWidth:1 } } ], tooltip: { formatter:function(params){ return params.name+' : ' + params.value; } }, grid: [ { x:LEFTARR[1],width:WIDTHARR[1] } ], xAxis: [ { type: 'category', data: ARRKEY1[1], show:c_bNameX, name:c_XAxisName, nameLocation:c_szLocationX, nameTextStyle:{ color:c_szColorX, fontSize:c_nSizeX, fontFamily:c_szFamilyX, fontStyle:c_szStyleX, fontWeight:c_szWeightX, }, axisLabel:{ interval:0, rotate:c_szXRotate, color:c_szColorX, fontSize:c_nSizeX, fontFamily:c_szFamilyX, fontStyle:c_szStyleX, fontWeight:c_szWeightX, }, axisLine:{ show:true, lineStyle:{ width:c_szLineWidthX, color: c_szLineColorX } }, splitLine:{ lineStyle:{ width:c_szSplitLineWidthX, type:c_szSplitLineTypeX } }, } ], yAxis: [ { type: 'value', name:CARR[Y[1]], show:c_bNameY, name:c_YAxisName, nameLocation:c_szLocationY, nameTextStyle:{ color:c_szColorY, fontSize:c_nSizeY, fontFamily:c_szFamilyY, fontStyle:c_szStyleY, fontWeight:c_szWeightY, }, axisLabel:{ interval:0, rotate:c_szYRotate, color:c_szColorY, fontSize:c_nSizeY, fontFamily:c_szFamilyY, fontStyle:c_szStyleY, fontWeight:c_szWeightY, }, axisLine:{ show:true, lineStyle:{ width:c_szLineWidthY, color: c_szLineColorY } }, splitLine:{ lineStyle:{ width:c_szSplitLineWidthY, type:c_szSplitLineTypeY } }, } ], series: [ { name: CARR[Y[1]], type: 'line', lineStyle:{ normal:{ width:1 } },itemStyle:{ normal:{ opacity:c_szOpacityP, borderColor:c_szLineColorP, borderWidth:c_szLineWidthP, borderType:c_szLineTypeP, shadowBlur:c_szShadowSizeP, shadowColor:c_szShadowColorP, shadowOffsetX:c_szShadowXP, shadowOffsetY:c_szShadowYP } }, symbol:'circle',//拐点设置为实心 symbolSize:15,//拐点大小 data: ARRVALUE[1], symbolSize:function(data){ if(data==ARRMAX[1]){ return 8; }else{ return 5; } } }, { type: 'custom', name: '', renderItem: renderAverageItem2, data: ARRVALUE[1] } ] }; var option3 = { animation:ani, title: { text: TITLEARR[2], subtext:SUBTEXTARR[2], show:c_bNameT, x:c_szXAlignT, y:c_szYAlignT, textStyle:{ color:c_szColorT, fontSize:Number(c_nSizeT)+2, fontFamily:c_szFamilyT, fontStyle:c_szStyleT, fontWeight:c_szWeightT, }, subtextStyle:{ color:c_szColorT, fontSize:Number(c_nSizeT)-2, fontFamily:c_szFamilyT, fontStyle:c_szStyleT, fontWeight:c_szWeightT, } }, toolbox: { show: ts, feature: { // dataZoom: {}, dataView: {readOnly: false}, // magicType: {type: ['line', 'bar']}, // restore: {}, saveAsImage: {} } }, graphic:[{ type:'rect', cursor:'default', shape:{ x:0, y:0, width:wid, height:wid }, style:{ fill:BGCOLOR[2], stroke:'grey', lineWidth:1 } } ], grid: [ { x:LEFTARR[2],width:WIDTHARR[2] } ], tooltip: { formatter:function(params){ return params.name+' : ' + params.value; } }, xAxis: [ { type: 'category', data: ARRKEY1[2], show:c_bNameX, name:c_XAxisName, nameLocation:c_szLocationX, nameTextStyle:{ color:c_szColorX, fontSize:c_nSizeX, fontFamily:c_szFamilyX, fontStyle:c_szStyleX, fontWeight:c_szWeightX, }, axisLabel:{ interval:0, rotate:c_szXRotate, color:c_szColorX, fontSize:c_nSizeX, fontFamily:c_szFamilyX, fontStyle:c_szStyleX, fontWeight:c_szWeightX, }, axisLine:{ show:true, lineStyle:{ width:c_szLineWidthX, color: c_szLineColorX } }, splitLine:{ lineStyle:{ width:c_szSplitLineWidthX, type:c_szSplitLineTypeX } }, } ], yAxis: [ { type: 'value', name:CARR[Y[2]], show:c_bNameY, name:c_YAxisName, nameLocation:c_szLocationY, nameTextStyle:{ color:c_szColorY, fontSize:c_nSizeY, fontFamily:c_szFamilyY, fontStyle:c_szStyleY, fontWeight:c_szWeightY, }, axisLabel:{ interval:0, rotate:c_szYRotate, color:c_szColorY, fontSize:c_nSizeY, fontFamily:c_szFamilyY, fontStyle:c_szStyleY, fontWeight:c_szWeightY, }, axisLine:{ show:true, lineStyle:{ width:c_szLineWidthY, color: c_szLineColorY } }, splitLine:{ lineStyle:{ width:c_szSplitLineWidthY, type:c_szSplitLineTypeY } }, } ], series: [ { name: CARR[Y[2]], type: 'line', lineStyle:{ normal:{ width:1 } }, itemStyle:{ normal:{ opacity:c_szOpacityP, borderColor:c_szLineColorP, borderWidth:c_szLineWidthP, borderType:c_szLineTypeP, shadowBlur:c_szShadowSizeP, shadowColor:c_szShadowColorP, shadowOffsetX:c_szShadowXP, shadowOffsetY:c_szShadowYP } }, symbol:'circle',//拐点设置为实心 symbolSize:15,//拐点大小 data: ARRVALUE[2], symbolSize:function(data){ if(data==ARRMAX[2]){ return 8; }else{ return 5; } } }, { type: 'custom', name: '', renderItem: renderAverageItem3, data: ARRVALUE[2] } ] }; var option4 = { animation:ani, title: { text: TITLEARR[3], subtext:SUBTEXTARR[3], show:c_bNameT, x:c_szXAlignT, y:c_szYAlignT, textStyle:{ color:c_szColorT, fontSize:Number(c_nSizeT)+2, fontFamily:c_szFamilyT, fontStyle:c_szStyleT, fontWeight:c_szWeightT, }, subtextStyle:{ color:c_szColorT, fontSize:Number(c_nSizeT)-2, fontFamily:c_szFamilyT, fontStyle:c_szStyleT, fontWeight:c_szWeightT, } }, toolbox: { show: ts, feature: { // dataZoom: {}, dataView: {readOnly: false}, // magicType: {type: ['line', 'bar']}, // restore: {}, saveAsImage: {} } }, graphic:[{ type:'rect', cursor:'default', shape:{ x:0, y:0, width:wid, height:wid }, style:{ fill:BGCOLOR[3], stroke:'grey', lineWidth:1 } } ], grid: [ { x:LEFTARR[3],width:WIDTHARR[3] } ], tooltip: { formatter:function(params){ return params.name+' : ' + params.value; } }, xAxis: [ { type: 'category', data: ARRKEY1[3], show:c_bNameX, name:c_XAxisName, nameLocation:c_szLocationX, nameTextStyle:{ color:c_szColorX, fontSize:c_nSizeX, fontFamily:c_szFamilyX, fontStyle:c_szStyleX, fontWeight:c_szWeightX, }, axisLabel:{ interval:0, rotate:c_szXRotate, color:c_szColorX, fontSize:c_nSizeX, fontFamily:c_szFamilyX, fontStyle:c_szStyleX, fontWeight:c_szWeightX, }, axisLine:{ show:true, lineStyle:{ width:c_szLineWidthX, color: c_szLineColorX } }, splitLine:{ lineStyle:{ width:c_szSplitLineWidthX, type:c_szSplitLineTypeX } }, } ], yAxis: [ { type: 'value', name:CARR[Y[3]], show:c_bNameY, name:c_YAxisName, nameLocation:c_szLocationY, nameTextStyle:{ color:c_szColorY, fontSize:c_nSizeY, fontFamily:c_szFamilyY, fontStyle:c_szStyleY, fontWeight:c_szWeightY, }, axisLabel:{ interval:0, rotate:c_szYRotate, color:c_szColorY, fontSize:c_nSizeY, fontFamily:c_szFamilyY, fontStyle:c_szStyleY, fontWeight:c_szWeightY, }, axisLine:{ show:true, lineStyle:{ width:c_szLineWidthY, color: c_szLineColorY } }, splitLine:{ lineStyle:{ width:c_szSplitLineWidthY, type:c_szSplitLineTypeY } }, } ], series: [ { name: CARR[Y[3]], type: 'line', lineStyle:{ normal:{ width:1 } },itemStyle:{ normal:{ opacity:c_szOpacityP, borderColor:c_szLineColorP, borderWidth:c_szLineWidthP, borderType:c_szLineTypeP, shadowBlur:c_szShadowSizeP, shadowColor:c_szShadowColorP, shadowOffsetX:c_szShadowXP, shadowOffsetY:c_szShadowYP } }, symbol:'circle',//拐点设置为实心 symbolSize:15,//拐点大小 data: ARRVALUE[3], symbolSize:function(data){ if(data==ARRMAX[3]){ return 8; }else{ return 5; } } }, { type: 'custom', name: '', renderItem: renderAverageItem4, data: ARRVALUE[3] } ] }; var option5 = { animation:ani, title: { text: TITLEARR[4], subtext:SUBTEXTARR[4], show:c_bNameT, x:c_szXAlignT, y:c_szYAlignT, textStyle:{ color:c_szColorT, fontSize:Number(c_nSizeT)+2, fontFamily:c_szFamilyT, fontStyle:c_szStyleT, fontWeight:c_szWeightT, }, subtextStyle:{ color:c_szColorT, fontSize:Number(c_nSizeT)-2, fontFamily:c_szFamilyT, fontStyle:c_szStyleT, fontWeight:c_szWeightT, } }, toolbox: { show: ts, feature: { // dataZoom: {}, dataView: {readOnly: false}, // magicType: {type: ['line', 'bar']}, // restore: {}, saveAsImage: {} } }, graphic:[{ type:'rect', cursor:'default', shape:{ x:0, y:0, width:wid, height:wid }, style:{ fill:BGCOLOR[4], stroke:'grey', lineWidth:1 } } ], grid: [ { x:LEFTARR[4],width:WIDTHARR[4] } ], tooltip: { formatter:function(params){ return params.name+' : ' + params.value; } }, xAxis: [ { type: 'category', data: ARRKEY1[4], show:c_bNameX, name:c_XAxisName, nameLocation:c_szLocationX, nameTextStyle:{ color:c_szColorX, fontSize:c_nSizeX, fontFamily:c_szFamilyX, fontStyle:c_szStyleX, fontWeight:c_szWeightX, }, axisLabel:{ interval:0, rotate:c_szXRotate, color:c_szColorX, fontSize:c_nSizeX, fontFamily:c_szFamilyX, fontStyle:c_szStyleX, fontWeight:c_szWeightX, }, axisLine:{ show:true, lineStyle:{ width:c_szLineWidthX, color: c_szLineColorX } }, splitLine:{ lineStyle:{ width:c_szSplitLineWidthX, type:c_szSplitLineTypeX } }, } ], yAxis: [ { type: 'value', name:CARR[Y[4]], show:c_bNameY, name:c_YAxisName, nameLocation:c_szLocationY, nameTextStyle:{ color:c_szColorY, fontSize:c_nSizeY, fontFamily:c_szFamilyY, fontStyle:c_szStyleY, fontWeight:c_szWeightY, }, axisLabel:{ interval:0, rotate:c_szYRotate, color:c_szColorY, fontSize:c_nSizeY, fontFamily:c_szFamilyY, fontStyle:c_szStyleY, fontWeight:c_szWeightY, }, axisLine:{ show:true, lineStyle:{ width:c_szLineWidthY, color: c_szLineColorY } }, splitLine:{ lineStyle:{ width:c_szSplitLineWidthY, type:c_szSplitLineTypeY } }, } ], series: [ { name: CARR[Y[4]], type: 'line', lineStyle:{ normal:{ width:1 } },itemStyle:{ normal:{ opacity:c_szOpacityP, borderColor:c_szLineColorP, borderWidth:c_szLineWidthP, borderType:c_szLineTypeP, shadowBlur:c_szShadowSizeP, shadowColor:c_szShadowColorP, shadowOffsetX:c_szShadowXP, shadowOffsetY:c_szShadowYP } }, symbol:'circle',//拐点设置为实心 symbolSize:15,//拐点大小 data: ARRVALUE[4], symbolSize:function(data){ if(data==ARRMAX[4]){ return 8; }else{ return 5; } } }, { type: 'custom', name: '', renderItem: renderAverageItem5, data: ARRVALUE[4] } ] }; var option6 = { animation:ani, title: { text: TITLEARR[5], subtext:SUBTEXTARR[5], show:c_bNameT, x:c_szXAlignT, y:c_szYAlignT, textStyle:{ color:c_szColorT, fontSize:Number(c_nSizeT)+2, fontFamily:c_szFamilyT, fontStyle:c_szStyleT, fontWeight:c_szWeightT, }, subtextStyle:{ color:c_szColorT, fontSize:Number(c_nSizeT)-2, fontFamily:c_szFamilyT, fontStyle:c_szStyleT, fontWeight:c_szWeightT, } }, toolbox: { show: ts, feature: { // dataZoom: {}, dataView: {readOnly: false}, // magicType: {type: ['line', 'bar']}, // restore: {}, saveAsImage: {} } }, graphic:[{ type:'rect', cursor:'default', shape:{ x:0, y:0, width:wid, height:wid }, style:{ fill:BGCOLOR[5], stroke:'grey', lineWidth:1 } } ], grid: [ { x:LEFTARR[5],width:WIDTHARR[5] } ], tooltip: { formatter:function(params){ return params.name+' : ' + params.value; } }, xAxis: [ { type: 'category', data: ARRKEY1[5], show:c_bNameX, name:c_XAxisName, nameLocation:c_szLocationX, nameTextStyle:{ color:c_szColorX, fontSize:c_nSizeX, fontFamily:c_szFamilyX, fontStyle:c_szStyleX, fontWeight:c_szWeightX, }, axisLabel:{ interval:0, rotate:c_szXRotate, color:c_szColorX, fontSize:c_nSizeX, fontFamily:c_szFamilyX, fontStyle:c_szStyleX, fontWeight:c_szWeightX, }, axisLine:{ show:true, lineStyle:{ width:c_szLineWidthX, color: c_szLineColorX } }, splitLine:{ lineStyle:{ width:c_szSplitLineWidthX, type:c_szSplitLineTypeX } }, } ], yAxis: [ { type: 'value', name:CARR[Y[5]], show:c_bNameY, name:c_YAxisName, nameLocation:c_szLocationY, nameTextStyle:{ color:c_szColorY, fontSize:c_nSizeY, fontFamily:c_szFamilyY, fontStyle:c_szStyleY, fontWeight:c_szWeightY, }, axisLabel:{ interval:0, rotate:c_szYRotate, color:c_szColorY, fontSize:c_nSizeY, fontFamily:c_szFamilyY, fontStyle:c_szStyleY, fontWeight:c_szWeightY, }, axisLine:{ show:true, lineStyle:{ width:c_szLineWidthY, color: c_szLineColorY } }, splitLine:{ lineStyle:{ width:c_szSplitLineWidthY, type:c_szSplitLineTypeY } }, } ], series: [ { name: CARR[Y[5]], type: 'line', lineStyle:{ normal:{ width:1 } },itemStyle:{ normal:{ opacity:c_szOpacityP, borderColor:c_szLineColorP, borderWidth:c_szLineWidthP, borderType:c_szLineTypeP, shadowBlur:c_szShadowSizeP, shadowColor:c_szShadowColorP, shadowOffsetX:c_szShadowXP, shadowOffsetY:c_szShadowYP } }, symbol:'circle',//拐点设置为实心 symbolSize:15,//拐点大小 data: ARRVALUE[5], symbolSize:function(data){ if(data==ARRMAX[5]){ return 8; }else{ return 5; } } }, { type: 'custom', name: '', renderItem: renderAverageItem6, data: ARRVALUE[5] } ] }; var option7 = { animation:ani, title: { text: TITLEARR[6], subtext:SUBTEXTARR[6], show:c_bNameT, x:c_szXAlignT, y:c_szYAlignT, textStyle:{ color:c_szColorT, fontSize:Number(c_nSizeT)+2, fontFamily:c_szFamilyT, fontStyle:c_szStyleT, fontWeight:c_szWeightT, }, subtextStyle:{ color:c_szColorT, fontSize:Number(c_nSizeT)-2, fontFamily:c_szFamilyT, fontStyle:c_szStyleT, fontWeight:c_szWeightT, } }, toolbox: { show: ts, feature: { // dataZoom: {}, dataView: {readOnly: false}, // magicType: {type: ['line', 'bar']}, // restore: {}, saveAsImage: {} } }, graphic:[{ type:'rect', cursor:'default', shape:{ x:0, y:0, width:wid, height:wid }, style:{ fill:BGCOLOR[6], stroke:'grey', lineWidth:1 } } ], tooltip: { formatter:function(params){ return params.name+' : ' + params.value; } }, grid: [ { x:LEFTARR[6],width:WIDTHARR[6] } ], xAxis: [ { type: 'category', data: ARRKEY1[6], show:c_bNameX, name:c_XAxisName, nameLocation:c_szLocationX, nameTextStyle:{ color:c_szColorX, fontSize:c_nSizeX, fontFamily:c_szFamilyX, fontStyle:c_szStyleX, fontWeight:c_szWeightX, }, axisLabel:{ interval:0, rotate:c_szXRotate, color:c_szColorX, fontSize:c_nSizeX, fontFamily:c_szFamilyX, fontStyle:c_szStyleX, fontWeight:c_szWeightX, }, axisLine:{ show:true, lineStyle:{ width:c_szLineWidthX, color: c_szLineColorX } }, splitLine:{ lineStyle:{ width:c_szSplitLineWidthX, type:c_szSplitLineTypeX } }, } ], yAxis: [ { type: 'value', name:CARR[Y[6]], show:c_bNameY, name:c_YAxisName, nameLocation:c_szLocationY, nameTextStyle:{ color:c_szColorY, fontSize:c_nSizeY, fontFamily:c_szFamilyY, fontStyle:c_szStyleY, fontWeight:c_szWeightY, }, axisLabel:{ interval:0, rotate:c_szYRotate, color:c_szColorY, fontSize:c_nSizeY, fontFamily:c_szFamilyY, fontStyle:c_szStyleY, fontWeight:c_szWeightY, }, axisLine:{ show:true, lineStyle:{ width:c_szLineWidthY, color: c_szLineColorY } }, splitLine:{ lineStyle:{ width:c_szSplitLineWidthY, type:c_szSplitLineTypeY } }, } ], series: [ { name: CARR[Y[6]], type: 'line', lineStyle:{ normal:{ width:1 } },itemStyle:{ normal:{ opacity:c_szOpacityP, borderColor:c_szLineColorP, borderWidth:c_szLineWidthP, borderType:c_szLineTypeP, shadowBlur:c_szShadowSizeP, shadowColor:c_szShadowColorP, shadowOffsetX:c_szShadowXP, shadowOffsetY:c_szShadowYP } }, symbol:'circle',//拐点设置为实心 symbolSize:15,//拐点大小 data: ARRVALUE[6], symbolSize:function(data){ if(data==ARRMAX[6]){ return 8; }else{ return 5; } } }, { type: 'custom', name: '', renderItem: renderAverageItem7, data: ARRVALUE[6] } ] }; var option8 = { animation:ani, title: { text: TITLEARR[7], subtext:SUBTEXTARR[7], show:c_bNameT, x:c_szXAlignT, y:c_szYAlignT, textStyle:{ color:c_szColorT, fontSize:Number(c_nSizeT)+2, fontFamily:c_szFamilyT, fontStyle:c_szStyleT, fontWeight:c_szWeightT, }, subtextStyle:{ color:c_szColorT, fontSize:Number(c_nSizeT)-2, fontFamily:c_szFamilyT, fontStyle:c_szStyleT, fontWeight:c_szWeightT, } }, toolbox: { show: ts, feature: { // dataZoom: {}, dataView: {readOnly: false}, // magicType: {type: ['line', 'bar']}, // restore: {}, saveAsImage: {} } }, graphic:[{ type:'rect', cursor:'default', shape:{ x:0, y:0, width:wid, height:wid }, style:{ fill:BGCOLOR[7], stroke:'grey', lineWidth:1 } } ], grid: [ { x:LEFTARR[7],width:WIDTHARR[7] } ], tooltip: { formatter:function(params){ return params.name+' : ' + params.value; } }, xAxis: [ { type: 'category', data: ARRKEY1[7], show:c_bNameX, name:c_XAxisName, nameLocation:c_szLocationX, nameTextStyle:{ color:c_szColorX, fontSize:c_nSizeX, fontFamily:c_szFamilyX, fontStyle:c_szStyleX, fontWeight:c_szWeightX, }, axisLabel:{ interval:0, rotate:c_szXRotate, color:c_szColorX, fontSize:c_nSizeX, fontFamily:c_szFamilyX, fontStyle:c_szStyleX, fontWeight:c_szWeightX, }, axisLine:{ show:true, lineStyle:{ width:c_szLineWidthX, color: c_szLineColorX } }, splitLine:{ lineStyle:{ width:c_szSplitLineWidthX, type:c_szSplitLineTypeX } }, } ], yAxis: [ { type: 'value', name:CARR[Y[7]], show:c_bNameY, name:c_YAxisName, nameLocation:c_szLocationY, nameTextStyle:{ color:c_szColorY, fontSize:c_nSizeY, fontFamily:c_szFamilyY, fontStyle:c_szStyleY, fontWeight:c_szWeightY, }, axisLabel:{ interval:0, rotate:c_szYRotate, color:c_szColorY, fontSize:c_nSizeY, fontFamily:c_szFamilyY, fontStyle:c_szStyleY, fontWeight:c_szWeightY, }, axisLine:{ show:true, lineStyle:{ width:c_szLineWidthY, color: c_szLineColorY } }, splitLine:{ lineStyle:{ width:c_szSplitLineWidthY, type:c_szSplitLineTypeY } }, } ], series: [ { name: CARR[Y[7]], type: 'line', lineStyle:{ normal:{ width:1 } },itemStyle:{ normal:{ opacity:c_szOpacityP, borderColor:c_szLineColorP, borderWidth:c_szLineWidthP, borderType:c_szLineTypeP, shadowBlur:c_szShadowSizeP, shadowColor:c_szShadowColorP, shadowOffsetX:c_szShadowXP, shadowOffsetY:c_szShadowYP } }, symbol:'circle',//拐点设置为实心 symbolSize:15,//拐点大小 data: ARRVALUE[7], symbolSize:function(data){ if(data==ARRMAX[7]){ return 8; }else{ return 5; } } }, { type: 'custom', name: '', renderItem: renderAverageItem8, data: ARRVALUE[7] } ] }; myChart1.setOption(option1); myChart2.setOption(option2); myChart3.setOption(option3); myChart4.setOption(option4); myChart5.setOption(option5); myChart6.setOption(option6); myChart7.setOption(option7); myChart8.setOption(option8); }