$(function(){ $('#chartsTitle')[0].innerHTML = projectName; $('.wrapper_mbar').show(); $('.wrapper_bubble').hide(); $('#input_label').change(function(){ if(this.checked==true){ LABELSHOW = true; showChart(); }else{ LABELSHOW = false; showChart(); } }) $('#input_reverse').change(function(){ var XYName; XYName = c_XAxisName; c_XAxisName = c_YAxisName; c_YAxisName = XYName; if(this.checked==true){ ISRESERVE = 1; concatp(); showChart(); }else{ ISRESERVE = 0; concat(); showChart(); } }) 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'; } $('#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) { MARGINLEFT = MARGINLEFT * 0.3; MARGINRIGHT = MARGINRIGHT * 0.33; MARGINTOP = MARGINTOP * 0.9; MARGINBOTTOM = MARGINBOTTOM * 0.9; $('#container' + i).css({"height": cheight * 0.45,"width": cwidth * 0.24,"border":"1px solid #8a8c8e"}); } } window.onresize = function(){ $(".warp").css("left",document.body.clientWidth-23); $(".warp").css("top",document.body.clientHeight-25); var cheight = document.documentElement.clientHeight-2; var cwidth = document.documentElement.clientWidth; cwidth = document.documentElement.clientWidth; for (var i = 1; i <= datacount; i++) { if (datacount == 1) { $('#container' + i).css("height", cheight*0.92); $('#container' + i).css("width", cwidth); } else if (datacount == 2) { $('#container' + i).css({"height": cheight * 0.92,"width": cwidth * 0.48,"border":"1px solid #8a8c8e"}); MARGINLEFT = MARGINLEFT * 0.05; MARGINRIGHT = MARGINRIGHT * 0.5; MARGINBOTTOM = MARGINBOTTOM * 0.6; } else if (datacount == 3) { var mgl = (cwidth - cwidth * 0.49) / 2; if (i == datacount) { $('#container' + i).css("marginLeft", mgl); } $("#container3").css('marginTop',5) $('#container' + i).css({"height": cheight * 0.45,"width": cwidth * 0.48,"border":"1px solid #8a8c8e"}); MARGINRIGHT = MARGINRIGHT * 0.8; MARGINLEFT = MARGINLEFT * 0.0; MARGINBOTTOM = MARGINBOTTOM * 0.75; } else if (datacount == 4) { if(i==3||i==4){ $('#container'+i).css('marginTop',5) } MARGINRIGHT = MARGINRIGHT * 0.8; MARGINLEFT = MARGINLEFT * 0.0; MARGINBOTTOM = MARGINBOTTOM * 0.75; $('#container' + i).css({"height": cheight * 0.46,"width": cwidth * 0.48,"border":"1px solid #8a8c8e"}); } else if (datacount == 5) { var mgl = (cwidth - cwidth * 0.33 * 2) / 3; if (i == datacount || i == datacount - 1) { $('#container' + i).css("marginLeft", mgl); } $('#container4').css({'marginTop':5}) $('#container' + i).css({"height": cheight * 0.46,"width": cwidth * 0.32,"border":"1px solid #8a8c8e"}); MARGINLEFT = MARGINLEFT * 0.3; MARGINRIGHT = MARGINRIGHT * 0.33; MARGINTOP = MARGINTOP * 0.5; MARGINBOTTOM = MARGINBOTTOM * 0.8; } else if (datacount == 6) { MARGINLEFT = MARGINLEFT * 0.3; MARGINRIGHT = MARGINRIGHT * 0.33; MARGINTOP = MARGINTOP * 0.9; MARGINBOTTOM = MARGINBOTTOM * 0.8; $('#container4').css({'marginTop':5,'marginRight':5}) $('#container' + i).css({"height": cheight * 0.46,"width": cwidth * 0.32,"border":"1px solid #8a8c8e"}); } else if (datacount >= 7) { MARGINLEFT = MARGINLEFT * 0.3; MARGINRIGHT = MARGINRIGHT * 0.33; MARGINTOP = MARGINTOP * 0.9; MARGINBOTTOM = MARGINBOTTOM * 0.9; $('#container' + i).css({"height": cheight * 0.45,"width": cwidth * 0.24,"border":"1px solid #8a8c8e"}); } } } showChart(); }) var Y; //c++参数转换为js参数 var sTitle_Y = [40,40,40,40,40,40,40,40]; var sTitle_X = [0,0,0,0,0,0,0,0]; var algin_X = ['left','left','left','left','left','left','left','left']; var max_X = []; var MARGINLEFT = document.documentElement.clientWidth*Number(c_szMarginLeftP.replace('%',''))*0.01; var MARGINRIGHT = document.documentElement.clientWidth*Number(c_szMarginRightP.replace('%',''))*0.01; var MARGINTOP = document.documentElement.clientHeight*Number(c_szMarginTopP.replace('%',''))*0.01; var MARGINBOTTOM = document.documentElement.clientHeight*Number(c_szMarginBottomP.replace('%',''))*0.01; if(c_bNameT=='0'){ c_bNameT = false; }else{ c_bNameT = true; } if(c_bNameL=='0'){ c_bNameL = false; }else{ c_bNameL = false; } if(c_bNameX=='0'){ c_bNameX = false; }else{ c_bNameX = true; } if(c_bNameY=='0'){ c_bNameY = false; }else{ c_bNameY = true; } //c++参数转换为js参数 //c++参数转换为js参数 //text:null(title) //enabled:true(legend) //xaxis:null(x轴) //yaxis:null(y轴) if(c_bNameT=='0'){ c_bNameT = null; }else{ c_bNameT = text; } if(c_szLocationX=='start') c_szLocationX = 'low'; else if(c_szLocationX=='center') c_szLocationX = 'middle'; else if(c_szLocationX=='end') c_szLocationX = 'high'; if(c_szLocationY=='start') c_szLocationY = 'low'; else if(c_szLocationY=='center') c_szLocationY = 'middle'; else if(c_szLocationY=='end') c_szLocationY = 'high'; //c++参数转换为js参数 if(typeof TextP=='undefined'||TextP==''){ var MYTEXT = [[],[],[],[],[],[]]; }else{ var MYTEXT = TextP.split('&&'); for(var i = 0;imax_X[k]){ max_X[k] = Number(arrvalue[i][j].split(':')[Y]) } }else{ arrvaluep2[k][j].push(''); } // MD5ARR[j].push(arrvalue[i][j].split(':')[0]); } } } } function concatp() { arrnamep1 = arrname2; arrnamep2 = arrname1; arrvaluep2 = []; MD5ARR = []; for (var i = 0; i < arrname1.length; i++) { arrvaluep2.push([]); MD5ARR.push([]); } for (var i = 0; i < arrvalueF.length; i++) { for (var j = 0; j < arrvalueF[i].length; j++) { if (Number(arrvalueF[i][j].split(':')[Y]) != '0') { arrvaluep2[j].push(Number(arrvalueF[i][j].split(':')[Y])); } else { arrvaluep2[j].push(''); } MD5ARR[j].push(arrvalueF[i][j].split(':')[0]); } } } concat(); Highcharts.setOptions({ lang: {   printChart:"打印图表", downloadJPEG: "下载JPEG 图片" , downloadPDF: "下载PDF文档" , downloadPNG: "下载PNG 图片" , downloadSVG: "下载SVG 矢量图" , exportButtonTitle: "导出图片" , thousandsSep:'' } }); Highcharts.getOptions().colors = Highcharts.map(COLORS, function (color) { return { radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 }, stops: [ [0, color], [1, Highcharts.Color(color).brighten(-0.1).get('rgb')] // darken ] }; }); var bool = false; var div = document.getElementById('TT') for(var i=0;i -1) { value = value.replace('申请日','') } var ret = "";//拼接加\n返回的类目项 if (value.indexOf('|') > -1) { value = value.replace(/ /g, "") var arr = value.split('|') ret = arr.join('
') return ret } else { value = value.replace(" ","") var maxLength = 4;//每项显示文字个数 var valLength = value.length;//X轴类目项的文字个数 var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数 if (rowN > 1) { for (var i = 0; i < rowN; i++) { var temp = "";//每次截取的字符串 var start = i * maxLength;//开始截取的位置 var end = start + maxLength;//结束截取的位置 //这里也可以加一个是否是最后一行的判断,但是不加也没有影响,那就不加吧 temp = value.substring(start, end) + "
"; ret += temp; //凭借最终的字符串 } return ret; } else { return value; } } } function showChart() { $("#c_nameX")[0].innerHTML = "X:" + c_XAxisName $("#c_nameY")[0].innerHTML = "Y:" + YTITLE $("#chartsTitle").css({fontSize: parseInt(c_nSizeT)*1.2}) //if(arrnamep1[0][0].length>4){ // bool = [-45] //} var re = /^\d{4}$/; for (var i = 0; i < arrnamep1[0].length; i++) { if (/^\d{4}$/.test(arrnamep1[0][i].toString())) { inter = 2 } } subtext = [] var index = 0 for(var i=0;i" + arrname2_1[j] + ":" +total[i][j] + "
" }else{ if(total[i][j]){ name += arrname2_1[j] + ":" +total[i][j] + "
" }else{ name += arrname2_1[j] + ":0
" } } } var n = 0,n2 = 0; for(var m=0;m=10&&arrvaluep2[i][0].length<=16){ if(arrvaluep2[i][m][0]16){ if(arrvaluep2[i][m][0]' + CARR[Y - 1] + '
{point.key}', pointFormat: '' + '', footerFormat: '
{series.name}: {point.y}
', shared: true, useHTML: true }, plotOptions: { column: { pointPadding: 0.2, borderWidth: 0, //showInLegend: LEGENDMODE, dataLabels: { enabled: LABELSHOW, //color:'black', style: { // 如果不需要数据标签阴影,可以将 textOutline 设置为 'none' textOutline: 'none' } } }, }, series: (function () { var res = []; for (var i = 0; i < arrnamep2[0].length; i++) { // console.log(arrvaluep2[i],i); res.push({ name: arrnamep2[0][i], type: MYTYPE, borderColor: c_szLineColorP, borderWidth: c_szLineWidthP, dashStyle: c_szLineTypeP, shadow: { color: c_szShadowColorP, width: c_szShadowSizeP, offsetX: c_szShadowXP, offsetY: c_szShadowYP }, dataLabels: { //enabled: true, //format: '{point.y}', style: { color: c_szColorP, fontSize: c_nSizeP + 'px', fontFamily: c_szFamilyP, fontStyle: c_szStyleP, fontWeight: c_szWeightP, } }, data: arrvaluep2[0][i], }); } return res; })() }); if (datacount >= 2) { pchart2 = Highcharts.chart('container2', { chart: { type: 'column', zoomType: 'x', margin: [MARGINTOP, MARGINRIGHT, MARGINBOTTOM, MARGINLEFT] }, exporting: { enabled:false }, title: { align: c_szXAlignT, verticalAlign: c_szYAlignT, text: text_2, style: { x: c_szXAlignT, color: c_szColorT, fontSize: c_nSizeT + 'px', fontFamily: c_szFamilyT, fontStyle: c_szStyleT, fontWeight: c_szWeightT, } }, subtitle: { text: subtext[1], align:algin_X[1], style: { fontSize: s_Size + 'px' }, useHTML:true, y:sTitle_Y[1], x:sTitle_X[1] }, legend: { enabled: c_bNameL, align: c_szxalignL, layout: c_szLayoutL, verticalAlign: c_szyalignL, padding: parseInt(c_nSizeT) - 20 + 30, itemStyle: { color: c_szColorL, fontSize: c_nSizeL + 'px', fontFamily: c_szFamilyL, fontStyle: c_szStyleL, fontWeight: c_szWeightL, } }, xAxis: { categories: arrnamep1[1], crosshair: true, visible: c_bNameX, minTickInterval:inter, lineColor: c_szLineColorX,//轴线颜色 lineWidth: c_szLineWidthX,//轴线宽度 gridLineDashStyle: c_szSplitLineTypeX,//网格线线条样式 gridLineWidth: c_szSplitLineWidthX,//网格线宽度 title: { align: c_szLocationX, style: { color: c_szColorX, fontSize: parseInt(c_nSizeX) + 4 + 'px', fontFamily: c_szFamilyX, fontStyle: c_szStyleX, fontWeight: c_szWeightX, } }, labels: { //rotation:c_szXRotate, //旋转角度 formatter:function(){ return c_showX(this.value) }, style: { color: c_szColorX, fontSize: parseInt(c_nSizeX) + 'px', fontFamily: c_szFamilyX, fontStyle: c_szStyleX, fontWeight: c_szWeightX, }, autoRotation:bool, }, }, yAxis: { min: 0, visible: c_bNameY, lineColor: c_szLineColorY,//轴线颜色 lineWidth: c_szLineWidthY,//轴线宽度 gridLineDashStyle: c_szSplitLineTypeY,//网格线线条样式 gridLineWidth: c_szSplitLineWidthY,//网格线宽度 title: { text: YTITLE, align: c_szLocationY, style: { color: c_szColorY, fontSize: parseInt(c_nSizeY) + 4 + 'px', fontFamily: c_szFamilyY, fontStyle: c_szStyleY, fontWeight: c_szWeightY, } }, labels: { //rotation:c_szYRotate, //旋转角度 style: { color: c_szColorY, fontSize: parseInt(c_nSizeY) + 'px', fontFamily: c_szFamilyY, fontStyle: c_szStyleY, fontWeight: c_szWeightY, } }, }, tooltip: { headerFormat: '' + CARR[Y - 1] + '
{point.key}', pointFormat: '' + '', footerFormat: '
{series.name}: {point.y}
', shared: true, useHTML: true }, plotOptions: { column: { pointPadding: 0.2, borderWidth: 0, //showInLegend: LEGENDMODE, dataLabels: { enabled: LABELSHOW, //color:'black', style: { // 如果不需要数据标签阴影,可以将 textOutline 设置为 'none' textOutline: 'none' } } }, }, series: (function () { var res = []; for (var i = 0; i < arrnamep2[1].length; i++) { // console.log(arrvaluep2[i],i); res.push({ name: arrnamep2[1][i], type: MYTYPE, borderColor: c_szLineColorP, borderWidth: c_szLineWidthP, dashStyle: c_szLineTypeP, shadow: { color: c_szShadowColorP, width: c_szShadowSizeP, offsetX: c_szShadowXP, offsetY: c_szShadowYP }, dataLabels: { //enabled: true, //format: '{point.y}', style: { color: c_szColorP, fontSize: c_nSizeP + 'px', fontFamily: c_szFamilyP, fontStyle: c_szStyleP, fontWeight: c_szWeightP, } }, data: arrvaluep2[1][i] }); } return res; })() }); } if (datacount >= 3) { pchart3 = Highcharts.chart('container3', { chart: { type: 'column', zoomType: 'x', margin: [MARGINTOP, MARGINRIGHT, MARGINBOTTOM, MARGINLEFT] }, exporting: { enabled:false }, title: { align: c_szXAlignT, verticalAlign: c_szYAlignT, text: text_3, style: { x: c_szXAlignT, color: c_szColorT, fontSize: c_nSizeT + 'px', fontFamily: c_szFamilyT, fontStyle: c_szStyleT, fontWeight: c_szWeightT, } }, subtitle: { text: subtext[2], align:algin_X[2], style: { fontSize: s_Size + 'px' }, useHTML:true, y:sTitle_Y[2], x:sTitle_X[2] }, legend: { enabled: c_bNameL, align: c_szxalignL, layout: c_szLayoutL, verticalAlign: c_szyalignL, padding: parseInt(c_nSizeT) - 20 + 30, itemStyle: { color: c_szColorL, fontSize: c_nSizeL + 'px', fontFamily: c_szFamilyL, fontStyle: c_szStyleL, fontWeight: c_szWeightL, } }, xAxis: { categories: arrnamep1[2], crosshair: true, visible: c_bNameX, minTickInterval:inter, lineColor: c_szLineColorX,//轴线颜色 lineWidth: c_szLineWidthX,//轴线宽度 gridLineDashStyle: c_szSplitLineTypeX,//网格线线条样式 gridLineWidth: c_szSplitLineWidthX,//网格线宽度 title: { align: c_szLocationX, style: { color: c_szColorX, fontSize: parseInt(c_nSizeX) + 4 + 'px', fontFamily: c_szFamilyX, fontStyle: c_szStyleX, fontWeight: c_szWeightX, } }, labels: { //rotation:c_szXRotate, //旋转角度 formatter:function(){ return c_showX(this.value) }, style: { color: c_szColorX, fontSize: parseInt(c_nSizeX) + 'px', fontFamily: c_szFamilyX, fontStyle: c_szStyleX, fontWeight: c_szWeightX, }, autoRotation:bool, }, }, yAxis: { min: 0, visible: c_bNameY, lineColor: c_szLineColorY,//轴线颜色 lineWidth: c_szLineWidthY,//轴线宽度 gridLineDashStyle: c_szSplitLineTypeY,//网格线线条样式 gridLineWidth: c_szSplitLineWidthY,//网格线宽度 title: { text: YTITLE, align: c_szLocationY, style: { color: c_szColorY, fontSize: parseInt(c_nSizeY) + 4 + 'px', fontFamily: c_szFamilyY, fontStyle: c_szStyleY, fontWeight: c_szWeightY, } }, labels: { //rotation:c_szYRotate, //旋转角度 style: { color: c_szColorY, fontSize: parseInt(c_nSizeY) + 'px', fontFamily: c_szFamilyY, fontStyle: c_szStyleY, fontWeight: c_szWeightY, } }, }, tooltip: { headerFormat: '' + CARR[Y - 1] + '
{point.key}', pointFormat: '' + '', footerFormat: '
{series.name}: {point.y}
', shared: true, useHTML: true }, plotOptions: { column: { pointPadding: 0.2, borderWidth: 0, //showInLegend: LEGENDMODE, dataLabels: { enabled: LABELSHOW, //color:'black', style: { // 如果不需要数据标签阴影,可以将 textOutline 设置为 'none' textOutline: 'none' } } }, }, series: (function () { var res = []; for (var i = 0; i < arrnamep2[2].length; i++) { // console.log(arrvaluep2[i],i); res.push({ name: arrnamep2[2][i], type: MYTYPE, borderColor: c_szLineColorP, borderWidth: c_szLineWidthP, dashStyle: c_szLineTypeP, shadow: { color: c_szShadowColorP, width: c_szShadowSizeP, offsetX: c_szShadowXP, offsetY: c_szShadowYP }, dataLabels: { //enabled: true, //format: '{point.y}', style: { color: c_szColorP, fontSize: c_nSizeP + 'px', fontFamily: c_szFamilyP, fontStyle: c_szStyleP, fontWeight: c_szWeightP, } }, data: arrvaluep2[2][i] }); } return res; })() }); } if (datacount >= 4) { pchart4 = Highcharts.chart('container4', { chart: { type: 'column', zoomType: 'x', margin: [MARGINTOP, MARGINRIGHT, MARGINBOTTOM, MARGINLEFT] }, exporting: { enabled:false }, title: { align: c_szXAlignT, verticalAlign: c_szYAlignT, text: text_4, style: { x: c_szXAlignT, color: c_szColorT, fontSize: c_nSizeT + 'px', fontFamily: c_szFamilyT, fontStyle: c_szStyleT, fontWeight: c_szWeightT, } }, subtitle: { text: subtext[3], align:algin_X[3], style: { fontSize: s_Size + 'px' }, useHTML:true, y:sTitle_Y[3], x:sTitle_X[3] }, legend: { enabled: c_bNameL, align: c_szxalignL, layout: c_szLayoutL, verticalAlign: c_szyalignL, padding: parseInt(c_nSizeT) - 20 + 30, itemStyle: { color: c_szColorL, fontSize: c_nSizeL + 'px', fontFamily: c_szFamilyL, fontStyle: c_szStyleL, fontWeight: c_szWeightL, } }, xAxis: { categories: arrnamep1[3], crosshair: true, visible: c_bNameX, minTickInterval:inter, lineColor: c_szLineColorX,//轴线颜色 lineWidth: c_szLineWidthX,//轴线宽度 gridLineDashStyle: c_szSplitLineTypeX,//网格线线条样式 gridLineWidth: c_szSplitLineWidthX,//网格线宽度 title: { align: c_szLocationX, style: { color: c_szColorX, fontSize: parseInt(c_nSizeX) + 4 + 'px', fontFamily: c_szFamilyX, fontStyle: c_szStyleX, fontWeight: c_szWeightX, } }, labels: { //rotation:c_szXRotate, //旋转角度 formatter:function(){ return c_showX(this.value) }, style: { color: c_szColorX, fontSize: parseInt(c_nSizeX) + 'px', fontFamily: c_szFamilyX, fontStyle: c_szStyleX, fontWeight: c_szWeightX, }, autoRotation:bool, }, }, yAxis: { min: 0, visible: c_bNameY, lineColor: c_szLineColorY,//轴线颜色 lineWidth: c_szLineWidthY,//轴线宽度 gridLineDashStyle: c_szSplitLineTypeY,//网格线线条样式 gridLineWidth: c_szSplitLineWidthY,//网格线宽度 title: { text: YTITLE, align: c_szLocationY, style: { color: c_szColorY, fontSize: parseInt(c_nSizeY) + 4 + 'px', fontFamily: c_szFamilyY, fontStyle: c_szStyleY, fontWeight: c_szWeightY, } }, labels: { //rotation:c_szYRotate, //旋转角度 style: { color: c_szColorY, fontSize: parseInt(c_nSizeY) + 'px', fontFamily: c_szFamilyY, fontStyle: c_szStyleY, fontWeight: c_szWeightY, } }, }, tooltip: { headerFormat: '' + CARR[Y - 1] + '
{point.key}', pointFormat: '' + '', footerFormat: '
{series.name}: {point.y}
', shared: true, useHTML: true }, plotOptions: { column: { pointPadding: 0.2, borderWidth: 0, //showInLegend: LEGENDMODE, dataLabels: { enabled: LABELSHOW, //color:'black', style: { // 如果不需要数据标签阴影,可以将 textOutline 设置为 'none' textOutline: 'none' } } }, }, series: (function () { var res = []; for (var i = 0; i < arrnamep2[3].length; i++) { // console.log(arrvaluep2[i],i); res.push({ name: arrnamep2[3][i], type: MYTYPE, borderColor: c_szLineColorP, borderWidth: c_szLineWidthP, dashStyle: c_szLineTypeP, shadow: { color: c_szShadowColorP, width: c_szShadowSizeP, offsetX: c_szShadowXP, offsetY: c_szShadowYP }, dataLabels: { //enabled: true, //format: '{point.y}', style: { color: c_szColorP, fontSize: c_nSizeP + 'px', fontFamily: c_szFamilyP, fontStyle: c_szStyleP, fontWeight: c_szWeightP, } }, data: arrvaluep2[3][i] }); } return res; })() }); } if (datacount >= 5) { pchart5 = Highcharts.chart('container5', { chart: { type: 'column', zoomType: 'x', margin: [MARGINTOP, MARGINRIGHT, MARGINBOTTOM, MARGINLEFT] }, exporting: { enabled:false }, title: { align: c_szXAlignT, verticalAlign: c_szYAlignT, text: text_5, style: { x: c_szXAlignT, color: c_szColorT, fontSize: c_nSizeT + 'px', fontFamily: c_szFamilyT, fontStyle: c_szStyleT, fontWeight: c_szWeightT, } }, subtitle: { text: subtext[4], align:algin_X[4], style: { fontSize: s_Size + 'px' }, useHTML:true, y:sTitle_Y[4], x:sTitle_X[4] }, legend: { enabled: c_bNameL, align: c_szxalignL, layout: c_szLayoutL, verticalAlign: c_szyalignL, padding: parseInt(c_nSizeT) - 20 + 30, itemStyle: { color: c_szColorL, fontSize: c_nSizeL + 'px', fontFamily: c_szFamilyL, fontStyle: c_szStyleL, fontWeight: c_szWeightL, } }, xAxis: { categories: arrnamep1[4], crosshair: true, visible: c_bNameX, minTickInterval:inter, lineColor: c_szLineColorX,//轴线颜色 lineWidth: c_szLineWidthX,//轴线宽度 gridLineDashStyle: c_szSplitLineTypeX,//网格线线条样式 gridLineWidth: c_szSplitLineWidthX,//网格线宽度 title: { align: c_szLocationX, style: { color: c_szColorX, fontSize: parseInt(c_nSizeX) + 4 + 'px', fontFamily: c_szFamilyX, fontStyle: c_szStyleX, fontWeight: c_szWeightX, } }, labels: { //rotation:c_szXRotate, //旋转角度 formatter:function(){ return c_showX(this.value) }, style: { color: c_szColorX, fontSize: parseInt(c_nSizeX) + 'px', fontFamily: c_szFamilyX, fontStyle: c_szStyleX, fontWeight: c_szWeightX, }, autoRotation:bool, }, }, yAxis: { min: 0, visible: c_bNameY, lineColor: c_szLineColorY,//轴线颜色 lineWidth: c_szLineWidthY,//轴线宽度 gridLineDashStyle: c_szSplitLineTypeY,//网格线线条样式 gridLineWidth: c_szSplitLineWidthY,//网格线宽度 title: { text: YTITLE, align: c_szLocationY, style: { color: c_szColorY, fontSize: parseInt(c_nSizeY) + 4 + 'px', fontFamily: c_szFamilyY, fontStyle: c_szStyleY, fontWeight: c_szWeightY, } }, labels: { //rotation:c_szYRotate, //旋转角度 style: { color: c_szColorY, fontSize: parseInt(c_nSizeY) + 'px', fontFamily: c_szFamilyY, fontStyle: c_szStyleY, fontWeight: c_szWeightY, } }, }, tooltip: { headerFormat: '' + CARR[Y - 1] + '
{point.key}', pointFormat: '' + '', footerFormat: '
{series.name}: {point.y}
', shared: true, useHTML: true }, plotOptions: { column: { pointPadding: 0.2, borderWidth: 0, //showInLegend: LEGENDMODE, dataLabels: { enabled: LABELSHOW, //color:'black', style: { // 如果不需要数据标签阴影,可以将 textOutline 设置为 'none' textOutline: 'none' } } }, }, series: (function () { var res = []; for (var i = 0; i < arrnamep2[4].length; i++) { // console.log(arrvaluep2[i],i); res.push({ name: arrnamep2[4][i], type: MYTYPE, borderColor: c_szLineColorP, borderWidth: c_szLineWidthP, dashStyle: c_szLineTypeP, shadow: { color: c_szShadowColorP, width: c_szShadowSizeP, offsetX: c_szShadowXP, offsetY: c_szShadowYP }, dataLabels: { //enabled: true, //format: '{point.y}', style: { color: c_szColorP, fontSize: c_nSizeP + 'px', fontFamily: c_szFamilyP, fontStyle: c_szStyleP, fontWeight: c_szWeightP, } }, data: arrvaluep2[4][i] }); } return res; })() }); } if (datacount >= 6) { pchart6 = Highcharts.chart('container6', { chart: { type: 'column', zoomType: 'x', margin: [MARGINTOP, MARGINRIGHT, MARGINBOTTOM, MARGINLEFT] }, exporting: { enabled:false }, title: { align: c_szXAlignT, verticalAlign: c_szYAlignT, text: text_6, style: { x: c_szXAlignT, color: c_szColorT, fontSize: c_nSizeT + 'px', fontFamily: c_szFamilyT, fontStyle: c_szStyleT, fontWeight: c_szWeightT, } }, subtitle: { text: subtext[5], align:algin_X[5], style: { fontSize: s_Size + 'px' }, useHTML:true, y:sTitle_Y[5], x:sTitle_X[5] }, legend: { enabled: c_bNameL, align: c_szxalignL, layout: c_szLayoutL, verticalAlign: c_szyalignL, padding: parseInt(c_nSizeT) - 20 + 30, itemStyle: { color: c_szColorL, fontSize: c_nSizeL + 'px', fontFamily: c_szFamilyL, fontStyle: c_szStyleL, fontWeight: c_szWeightL, } }, xAxis: { categories: arrnamep1[5], crosshair: true, visible: c_bNameX, minTickInterval:inter, lineColor: c_szLineColorX,//轴线颜色 lineWidth: c_szLineWidthX,//轴线宽度 gridLineDashStyle: c_szSplitLineTypeX,//网格线线条样式 gridLineWidth: c_szSplitLineWidthX,//网格线宽度 title: { align: c_szLocationX, style: { color: c_szColorX, fontSize: parseInt(c_nSizeX) + 4 + 'px', fontFamily: c_szFamilyX, fontStyle: c_szStyleX, fontWeight: c_szWeightX, } }, labels: { //rotation:c_szXRotate, //旋转角度 formatter:function(){ return c_showX(this.value) }, style: { color: c_szColorX, fontSize: parseInt(c_nSizeX) + 'px', fontFamily: c_szFamilyX, fontStyle: c_szStyleX, fontWeight: c_szWeightX, }, autoRotation:bool, }, }, yAxis: { min: 0, visible: c_bNameY, lineColor: c_szLineColorY,//轴线颜色 lineWidth: c_szLineWidthY,//轴线宽度 gridLineDashStyle: c_szSplitLineTypeY,//网格线线条样式 gridLineWidth: c_szSplitLineWidthY,//网格线宽度 title: { text: YTITLE, align: c_szLocationY, style: { color: c_szColorY, fontSize: parseInt(c_nSizeY) + 4 + 'px', fontFamily: c_szFamilyY, fontStyle: c_szStyleY, fontWeight: c_szWeightY, } }, labels: { //rotation:c_szYRotate, //旋转角度 style: { color: c_szColorY, fontSize: parseInt(c_nSizeY) + 'px', fontFamily: c_szFamilyY, fontStyle: c_szStyleY, fontWeight: c_szWeightY, } }, }, tooltip: { headerFormat: '' + CARR[Y - 1] + '
{point.key}', pointFormat: '' + '', footerFormat: '
{series.name}: {point.y}
', shared: true, useHTML: true }, plotOptions: { column: { pointPadding: 0.2, borderWidth: 0, //showInLegend: LEGENDMODE, dataLabels: { enabled: LABELSHOW, //color:'black', style: { // 如果不需要数据标签阴影,可以将 textOutline 设置为 'none' textOutline: 'none' } } }, }, series: (function () { var res = []; for (var i = 0; i < arrnamep2[5].length; i++) { // console.log(arrvaluep2[i],i); res.push({ name: arrnamep2[5][i], type: MYTYPE, borderColor: c_szLineColorP, borderWidth: c_szLineWidthP, dashStyle: c_szLineTypeP, shadow: { color: c_szShadowColorP, width: c_szShadowSizeP, offsetX: c_szShadowXP, offsetY: c_szShadowYP }, dataLabels: { //enabled: true, //format: '{point.y}', style: { color: c_szColorP, fontSize: c_nSizeP + 'px', fontFamily: c_szFamilyP, fontStyle: c_szStyleP, fontWeight: c_szWeightP, } }, data: arrvaluep2[5][i] }); } return res; })() }); } if (datacount >= 7) { pchart7 = Highcharts.chart('container7', { chart: { type: 'column', zoomType: 'x', margin: [MARGINTOP, MARGINRIGHT, MARGINBOTTOM, MARGINLEFT] }, exporting: { enabled:false }, title: { align: c_szXAlignT, verticalAlign: c_szYAlignT, text: text_7, style: { x: c_szXAlignT, color: c_szColorT, fontSize: c_nSizeT + 'px', fontFamily: c_szFamilyT, fontStyle: c_szStyleT, fontWeight: c_szWeightT, } }, subtitle: { text: subtext[6], align:algin_X[6], style: { fontSize: s_Size + 'px' }, useHTML:true, y:sTitle_Y[6], x:sTitle_X[6] }, legend: { enabled: c_bNameL, align: c_szxalignL, layout: c_szLayoutL, verticalAlign: c_szyalignL, padding: parseInt(c_nSizeT) - 20 + 30, itemStyle: { color: c_szColorL, fontSize: c_nSizeL + 'px', fontFamily: c_szFamilyL, fontStyle: c_szStyleL, fontWeight: c_szWeightL, } }, xAxis: { categories: arrnamep1[6], crosshair: true, visible: c_bNameX, minTickInterval:inter, lineColor: c_szLineColorX,//轴线颜色 lineWidth: c_szLineWidthX,//轴线宽度 gridLineDashStyle: c_szSplitLineTypeX,//网格线线条样式 gridLineWidth: c_szSplitLineWidthX,//网格线宽度 title: { align: c_szLocationX, style: { color: c_szColorX, fontSize: parseInt(c_nSizeX) + 4 + 'px', fontFamily: c_szFamilyX, fontStyle: c_szStyleX, fontWeight: c_szWeightX, } }, labels: { //rotation:c_szXRotate, //旋转角度 formatter:function(){ return c_showX(this.value) }, style: { color: c_szColorX, fontSize: parseInt(c_nSizeX) + 'px', fontFamily: c_szFamilyX, fontStyle: c_szStyleX, fontWeight: c_szWeightX, }, autoRotation:bool, }, }, yAxis: { min: 0, visible: c_bNameY, lineColor: c_szLineColorY,//轴线颜色 lineWidth: c_szLineWidthY,//轴线宽度 gridLineDashStyle: c_szSplitLineTypeY,//网格线线条样式 gridLineWidth: c_szSplitLineWidthY,//网格线宽度 title: { text: YTITLE, align: c_szLocationY, style: { color: c_szColorY, fontSize: parseInt(c_nSizeY) + 4 + 'px', fontFamily: c_szFamilyY, fontStyle: c_szStyleY, fontWeight: c_szWeightY, } }, labels: { //rotation:c_szYRotate, //旋转角度 style: { color: c_szColorY, fontSize: parseInt(c_nSizeY) + 'px', fontFamily: c_szFamilyY, fontStyle: c_szStyleY, fontWeight: c_szWeightY, } }, }, tooltip: { headerFormat: '' + CARR[Y - 1] + '
{point.key}', pointFormat: '' + '', footerFormat: '
{series.name}: {point.y}
', shared: true, useHTML: true }, plotOptions: { column: { pointPadding: 0.2, borderWidth: 0, //showInLegend: LEGENDMODE, dataLabels: { enabled: LABELSHOW, //color:'black', style: { // 如果不需要数据标签阴影,可以将 textOutline 设置为 'none' textOutline: 'none' } } }, }, series: (function () { var res = []; for (var i = 0; i < arrnamep2[6].length; i++) { // console.log(arrvaluep2[i],i); res.push({ name: arrnamep2[6][i], type: MYTYPE, borderColor: c_szLineColorP, borderWidth: c_szLineWidthP, dashStyle: c_szLineTypeP, shadow: { color: c_szShadowColorP, width: c_szShadowSizeP, offsetX: c_szShadowXP, offsetY: c_szShadowYP }, dataLabels: { //enabled: true, //format: '{point.y}', style: { color: c_szColorP, fontSize: c_nSizeP + 'px', fontFamily: c_szFamilyP, fontStyle: c_szStyleP, fontWeight: c_szWeightP, } }, data: arrvaluep2[6][i] }); } return res; })() }); } if (datacount >= 8) { pchart8 = Highcharts.chart('container8', { chart: { type: 'column', zoomType: 'x', margin: [MARGINTOP, MARGINRIGHT, MARGINBOTTOM, MARGINLEFT] }, exporting: { enabled:false }, title: { align: c_szXAlignT, verticalAlign: c_szYAlignT, text: text_8, style: { x: c_szXAlignT, color: c_szColorT, fontSize: c_nSizeT + 'px', fontFamily: c_szFamilyT, fontStyle: c_szStyleT, fontWeight: c_szWeightT, } }, subtitle: { text: subtext[7], align:algin_X[7], style: { fontSize: s_Size + 'px' }, useHTML:true, y:sTitle_Y[7], x:sTitle_X[7] }, legend: { enabled: c_bNameL, align: c_szxalignL, layout: c_szLayoutL, verticalAlign: c_szyalignL, padding: parseInt(c_nSizeT) - 20 + 30, itemStyle: { color: c_szColorL, fontSize: c_nSizeL + 'px', fontFamily: c_szFamilyL, fontStyle: c_szStyleL, fontWeight: c_szWeightL, } }, xAxis: { categories: arrnamep1[7], crosshair: true, visible: c_bNameX, minTickInterval:inter, lineColor: c_szLineColorX,//轴线颜色 lineWidth: c_szLineWidthX,//轴线宽度 gridLineDashStyle: c_szSplitLineTypeX,//网格线线条样式 gridLineWidth: c_szSplitLineWidthX,//网格线宽度 title: { align: c_szLocationX, style: { color: c_szColorX, fontSize: parseInt(c_nSizeX) + 4 + 'px', fontFamily: c_szFamilyX, fontStyle: c_szStyleX, fontWeight: c_szWeightX, } }, labels: { //rotation:c_szXRotate, //旋转角度 formatter:function(){ return c_showX(this.value) }, style: { color: c_szColorX, fontSize: parseInt(c_nSizeX) + 'px', fontFamily: c_szFamilyX, fontStyle: c_szStyleX, fontWeight: c_szWeightX, }, autoRotation:bool, }, }, yAxis: { min: 0, visible: c_bNameY, lineColor: c_szLineColorY,//轴线颜色 lineWidth: c_szLineWidthY,//轴线宽度 gridLineDashStyle: c_szSplitLineTypeY,//网格线线条样式 gridLineWidth: c_szSplitLineWidthY,//网格线宽度 title: { text: YTITLE, align: c_szLocationY, style: { color: c_szColorY, fontSize: parseInt(c_nSizeY) + 4 + 'px', fontFamily: c_szFamilyY, fontStyle: c_szStyleY, fontWeight: c_szWeightY, } }, labels: { //rotation:c_szYRotate, //旋转角度 style: { color: c_szColorY, fontSize: parseInt(c_nSizeY) + 'px', fontFamily: c_szFamilyY, fontStyle: c_szStyleY, fontWeight: c_szWeightY, } }, }, tooltip: { headerFormat: '' + CARR[Y - 1] + '
{point.key}', pointFormat: '' + '', footerFormat: '
{series.name}: {point.y}
', shared: true, useHTML: true }, plotOptions: { column: { pointPadding: 0.2, borderWidth: 0, //showInLegend: LEGENDMODE, dataLabels: { enabled: LABELSHOW, //color:'black', style: { // 如果不需要数据标签阴影,可以将 textOutline 设置为 'none' textOutline: 'none' } } }, }, series: (function () { var res = []; for (var i = 0; i < arrnamep2[7].length; i++) { // console.log(arrvaluep2[i],i); res.push({ name: arrnamep2[7][i], type: MYTYPE, borderColor: c_szLineColorP, borderWidth: c_szLineWidthP, dashStyle: c_szLineTypeP, shadow: { color: c_szShadowColorP, width: c_szShadowSizeP, offsetX: c_szShadowXP, offsetY: c_szShadowYP }, dataLabels: { //enabled: true, //format: '{point.y}', style: { color: c_szColorP, fontSize: c_nSizeP + 'px', fontFamily: c_szFamilyP, fontStyle: c_szStyleP, fontWeight: c_szWeightP, } }, data: arrvaluep2[7][i] }); } return res; })() }); } }