$(function(){ text = text + '-申请量'; cwidth = document.documentElement.clientWidth; cheight = document.documentElement.clientHeight; if(L==0){ $('.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=10) xx = 1; } if(xx==1){ $('#input_legend').prop('checked',false); LEGENDMODE = false; }else{ $('#input_legend').prop('checked',true); LEGENDMODE = true; } } //类型选择 $('#type_btn1').click(function(){ $('#modalbT').toggle(); }) $('#modalbT div').mouseenter(function () { $(this).css('color','white'); $(this).css('background','#3098fe'); }).mouseleave(function () { $(this).css('background','white'); $(this).css('color','black'); }).click(function () { $('#modalbT').css('display','none'); TYPESTR = $(this)[0].innerText.trim(); //alert(INPUTNUM); $('#type_btn1')[0].innerHTML = TYPESTR; for(i = 1;i=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)+ // '
'; // }else{ // html1 += '
' // +(i)+ // '
'; // } // } // } // $('#btn_cnt')[0].innerHTML = html1; // $('#btn_cnt div').click(function(){ // var ss = this.innerHTML; // if(ss=='全部') // ss = 0; // if(ss!=0) // INPUTNUM = parseInt(ss)+1; // $('#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'; } $('#modalb2')[0].innerHTML = html; $('#mybody').click(function(){ $('#btn_cnt').hide(); $('#modalb2').hide(); STEP = 0; }) $('#modalb2 div').mouseenter(function () { $(this).css('color','white'); $(this).css('background','#3098fe'); }) $('#modalb2 div').mouseleave(function () { $(this).css('background','white'); $(this).css('color','black'); }) $('#modalb2 div').click(function () { $('#modalb2').css('display','none'); YTITLE = $(this)[0].innerText.trim(); $('#fig_btn2')[0].innerHTML = YTITLE; if(typeof data!='undefined'){ for(i = 0;i ARRKEY1[j]) { pos = j } } var mid = ARRKEY1[i] ARRKEY1[i] = ARRKEY1[pos] ARRKEY1[pos] = mid var mid2 = ARRVALUE[i] ARRVALUE[i] = ARRVALUE[pos] ARRVALUE[pos] = mid2 // for (var j = 0; j < ARRVALUE.length; j++) { // mid = ARRVALUE[j][i] // ARRVALUE[j][i] = ARRVALUE[j][pos] // ARRVALUE[j][pos] = mid // } } } if(!isNaN(Number(ARRKEY2[0]))) { ARRKEY2 = ARRKEY2.map(Number) for (var i = 0; i < ARRKEY2.length; i++) { var pos = i for (var j = i + 1; j < ARRKEY2.length; j++) { if (ARRKEY2[pos] > ARRKEY2[j]) { pos = j } } var mid = ARRKEY2[i] ARRKEY2[i] = ARRKEY2[pos] ARRKEY2[pos] = mid for (var j = 0; j < ARRVALUE.length; j++) { mid = ARRVALUE[j][i] ARRVALUE[j][i] = ARRVALUE[j][pos] ARRVALUE[j][pos] = mid } } } var MD5ARR; var arrvaluep2; var arrnamep2; var arrnamep1; var arrvaluetemp = []; var arrvalueF = []; for(var i = 0;i'+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: true, //color:'black', style: { // 如果不需要数据标签阴影,可以将 textOutline 设置为 'none' textOutline: 'none' } } }, series: { dataLabels: { enabled: LABELSHOW, style:{ color:'black', fontWeight:'normal' } } } }, series: (function(){ var res = []; for(var i = 0;i/g,"-"); mytempename1 = mytempename1.replace(/\|/g,"-"); mytempename1 = mytempename1.replace(/”/g,"-"); //mytempename1 = mytempename1.replace(/,/g,"-"); mytempename1 = mytempename1.replace(/、/g,"-"); mytempename1 = mytempename1.replace(/\n/g,""); mytempename1 = mytempename1.replace(/\;/g,"-"); mytempename1 = mytempename1.replace(/\\/g,"-"); mytempename1 = mytempename1.replace(/\s/g,"-"); mytempename1 = mytempename1.replace(/----/g,"-"); mytempename1 = mytempename1.replace(/---/g,"-"); mytempename1 = mytempename1.replace(/--/g,"-"); //mytempename2 = mytempename2.replace(/\s/g,''); mytempename2 = mytempename2.replace(/\//g,"-"); mytempename2 = mytempename2.replace(/:/g,"-"); mytempename2 = mytempename2.replace(/\*/g,"-"); mytempename2 = mytempename2.replace(/"/g,"-"); mytempename2 = mytempename2.replace(//g,"-"); mytempename2 = mytempename2.replace(/\|/g,"-"); mytempename2 = mytempename2.replace(/”/g,"-"); //mytempename2 = mytempename2.replace(/,/g,"-"); mytempename2 = mytempename2.replace(/、/g,"-"); mytempename2 = mytempename2.replace(/\n/g,""); mytempename2 = mytempename2.replace(/\;/g,"-"); mytempename2 = mytempename2.replace(/\\/g,"-"); mytempename2 = mytempename2.replace(/\s/g,"-"); mytempename2 = mytempename2.replace(/----/g,"-"); mytempename2 = mytempename2.replace(/---/g,"-"); mytempename2 = mytempename2.replace(/--/g,"-"); var isweb2url = '../'+projectName+'/'+projectName+'/'+mytempename1+'/'+mytempename2+'/PP'+'.htm'; window.open(isweb2url); } } } }); } return res; })() }); } if(typeof data!='undefined'){ for(var i = 1;i<=data.length+1;i++){ if(data.length==1){ $('#charts'+i).css("height",cheight); $('#charts'+i).css("width",cwidth*0.49); }else if(data.length==2){ $('#charts1').css("height",cheight); $('#charts1').css("width",cwidth*0.49); $('#charts2').css("height",cheight*0.5); $('#charts2').css("width",cwidth*0.49); $('#charts3').css("height",cheight*0.5); $('#charts3').css("width",cwidth*0.49); }else if(data.length==3){ $('#charts1').css("height",cheight); $('#charts1').css("width",cwidth*0.49); $('#charts2').css("height",cheight*0.33); $('#charts2').css("width",cwidth*0.49); $('#charts3').css("height",cheight*0.33); $('#charts3').css("width",cwidth*0.49); $('#charts4').css("height",cheight*0.33); $('#charts4').css("width",cwidth*0.49); } } }else{ $('#charts1').css("height",cheight); $('#charts1').css("width",cwidth); } function loadCharts(){ bubble_data = []; for(var i = 0;i8) // LEGENDMODE = false; ARRKEY.push([]); ARRVALUE.push([]); for(var j = 0;j' + 'Y : ' + arrnamep2[this.y] + '
' + 'Z : ' + this.z; }, style:{ fontSize:fs-5 } }, xAxis: { visible:c_bNameX, lineColor: c_szLineColorX,//轴线颜色 lineWidth: c_szLineWidthX,//轴线宽度 gridLineDashStyle: c_szSplitLineTypeX,//网格线线条样式 gridLineWidth: c_szSplitLineWidthX,//网格线宽度 title: { align:c_szLocationX, text: c_XAxisName, 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() { this.value = this.value.toString() return c_showX(1,this.value,'high') }, style:{ color:c_szColorX, fontSize: parseInt(c_nSizeX) + 'px', fontFamily:c_szFamilyX, fontStyle:c_szStyleX, fontWeight:c_szWeightX, } }, categories: arrnamep1, breaks: [ { from:-10000, to: 0 }, { from:xceiling, to: 10000 } ] }, yAxis: { visible:c_bNameY, lineColor: c_szLineColorY,//轴线颜色 lineWidth: c_szLineWidthY,//轴线宽度 gridLineDashStyle: c_szSplitLineTypeY,//网格线线条样式 gridLineWidth: c_szSplitLineWidthY,//网格线宽度 title: { text: c_YAxisName, 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, //旋转角度 formatter:function() { this.value = this.value.toString() return c_showY(1,this.value,'high') }, style:{ color:c_szColorY, fontSize: parseInt(c_nSizeY) + 'px', fontFamily:c_szFamilyY, fontStyle:c_szStyleY, fontWeight:c_szWeightY, } }, type:'category', categories: arrnamep2, breaks: [ { from:-10000, to: 0 }, { from:yceiling, to: 10000 } ] }, plotOptions: { series: { dataLabels: { enabled: LABELSHOW, format: '{point.z}', style:{ color:'black', fontWeight:'normal' } } } }, series: [{ name:CARR[Y[0]-1], data:MYDATA, maxSize:'10%', marker: { }, 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, } }, events: { click: function(e) { var y = e.point.y; // if(ISWEB==0){ // external.Clicked(y.toString()); // }else{ // clicked = y.toString(); // doChange(); // loadCharts(); // } } } }] }) } if(typeof data!='undefined'){ if(data.length>=1){ if(TYPE[1]=='bar'){ pchart2 = Highcharts.chart('charts2',{ chart: { type: 'column', zoomType:'x' }, title: { text: text[0], style:{ fontSize:fs } }, subtitle: { text: subtext[0], style:{ fontSize:fs-3 } }, xAxis: { categories:ARRKEY[0], crosshair: true, labels:{ style:{ fontSize:fs } } }, yAxis: { min: 0, title: { text: CARR[Y[0]-1], style:{ fontSize:fs } }, labels:{ style:{ fontSize:fs } } }, tooltip: { headerFormat: '{point.key}', pointFormat: '' + '', footerFormat: '
{series.name}: {point.y}
', shared: true, useHTML: true }, legend:{ enabled:false }, plotOptions: { column: { pointPadding: 0.2, borderWidth: 0 }, series: { borderWidth: 0, dataLabels: { enabled: true, format: '{point.y}', style:{ fontSize:fs } } } }, series: [{ name: CARR[Y[0]-1], //colorByPoint: true, data: ARRVALUE[0] }] }); }else if(TYPE[1]=='pie'){ pchart2 = Highcharts.chart('charts2',{ chart: { plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false }, title: { text: text[0], style:{ fontSize:fs } }, subtitle:{ text: CARR[Y[0]-1], style:{ fontSize:fs-3 } }, tooltip: { headerFormat: '{series.name} ', pointFormatter: function(){ return this.options.name + '
' + this.options.y +'('+ parseFloat(this.options.y*100/this.total).toFixed(2) +'%)'; }, style:{ fontSize:fs } }, plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', dataLabels: { enabled: true, format: '{point.name} : {point.y} ({point.percentage:.2f} %)', style: { color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black', fontSize:fs } }, showInLegend:LEGENDMODE } }, series: [{ type: 'pie', name: CARR[Y[0]-1], data: (function(){ var res = []; for(var i = 0;i{point.key}', pointFormat: '' + '', footerFormat: '
{series.name}: {point.y}
', shared: true, useHTML: true }, legend:{ enabled:false }, plotOptions: { line: { dataLabels: { enabled: true } }, spline: { dataLabels: { enabled: true } } }, series: [{ name: CARR[Y[0]-1], data: ARRVALUE[0] }] }); }else if(TYPE[1]=='area'){ pchart2 = Highcharts.chart('charts2',{ chart: { type: 'areaspline', zoomType:'x' }, title: { text: text[0], style:{ fontSize:fs } }, subtitle: { text: subtext[0], style:{ fontSize:fs-3 } }, xAxis: { categories:ARRKEY[0], crosshair: true, labels:{ style:{ fontSize:fs } } }, yAxis: { min: 0, title: { text: CARR[Y[0]-1], style:{ fontSize:fs } }, labels:{ style:{ fontSize:fs } } }, tooltip: { headerFormat: '{point.key}', pointFormat: '' + '', footerFormat: '
{series.name}: {point.y}
', shared: true, useHTML: true }, legend:{ enabled:false }, plotOptions: { areaspline: { dataLabels: { enabled: true }, fillColor: { linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, stops: [ [0, Highcharts.getOptions().colors[0]], [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')] ] }, marker: { radius: 2 }, lineWidth: 1, states: { hover: { lineWidth: 1 } }, threshold: null } }, series: [{ name: CARR[Y[0]-1], data: ARRVALUE[0] }] }); }else if(TYPE[1]=='funnel'){ pchart2 = Highcharts.chart('charts2',{ chart: { type: 'funnel' }, title: { text: text[0], style:{ fontSize:fs } }, subtitle:{ text: CARR[Y[0]-1], style:{ fontSize:fs-3 } }, tooltip: { headerFormat: '{series.name} ', pointFormatter: function(){ return this.options.name + '
' + this.options.y +'('+ parseFloat(this.options.y*100/this.total).toFixed(2) +'%)'; }, style:{ fontSize:fs } }, plotOptions: { series: { dataLabels: { enabled: true, format: '{point.name} : {point.y}', color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black', style:{ fontSize:fs }, softConnector: true }, showInLegend:LEGENDMODE, neckWidth: '30%', neckHeight: '25%', width:'60%' } }, series: [{ name: CARR[Y[0]-1], data: (function(){ var res = []; for(var i = 0;i' + this.options.y +'('+ parseFloat(this.options.y*100/this.total).toFixed(2) +'%)'; }, style:{ fontSize:fs } }, plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', dataLabels: { enabled: true, format: '{point.name} : {point.y} ({point.percentage:.2f} %)', style: { color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black', fontSize:fs } }, showInLegend:LEGENDMODE } }, series: [{ type: 'pie', innerSize:'75%', name: CARR[Y[0]-1], data: (function(){ var res = []; for(var i = 0;i'+CARR[Y[0]-1]+':'+this.y+'('+this.percentage.toFixed(2)+'%)'; }, style:{ fontSize:fs } }, plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', depth: 35, dataLabels: { enabled: true, format: '{point.name}:{point.y}({point.percentage:.2f}%)', style:{ fontSize:fs } }, showInLegend:LEGENDMODE } }, series: [{ type: 'pie', name: CARR[Y[0]-1], data: HDATA[0] }] }); }else if(TYPE[1]=='ring_3d'){ pchart2 = Highcharts.chart('charts2',{ chart: { type: 'pie', options3d: { enabled: true, alpha: 45 } }, title: { text: text[0] }, subtitle: { text: CARR[Y[0]-1] }, tooltip: { formatter:function(){ return this.key+'
'+CARR[Y[0]-1]+':'+this.y+'('+this.percentage.toFixed(2)+'%)'; }, style:{ fontSize:fs } }, plotOptions: { pie: { innerSize: '30%', depth: 35, allowPointSelect: true, dataLabels: { enabled: true, format: '{point.name}:{point.y}({point.percentage:.2f}%)', style:{ fontSize:fs } }, showInLegend:LEGENDMODE } }, series: [{ type: 'pie', name: CARR[Y[0]-1], data: HDATA[0] }] }); }else if(TYPE[1]=='nightingale'){ pchart2 = Highcharts.chart('charts2',{ chart: { type: 'variablepie' }, title: { text: text[0], style:{ fontSize:fs } }, subtitle:{ text: CARR[Y[0]-1], style:{ fontSize:fs-3 } }, tooltip: { headerFormat: '{series.name} ', pointFormatter: function(){ return this.options.name + '
' + this.options.y +'('+ parseFloat(this.options.y*100/this.total).toFixed(2) +'%)'; }, style:{ fontSize:fs } }, plotOptions: { variablepie: { allowPointSelect: true, cursor: 'pointer', dataLabels: { enabled: true, format: '{point.name} : {point.y} ({point.percentage:.2f} %)', style: { color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black', fontSize:fs } }, showInLegend:LEGENDMODE } }, series: [{ // type: 'pie', minPointSize: 10, innerSize: '20%', zMin: 0, name: CARR[Y[0]-1], data: (function(){ var res = []; for(var i = 0;i=2){ if(TYPE[2]=='bar'){ pchart3 = Highcharts.chart('charts3',{ chart: { type: 'column', zoomType:'x' }, title: { text: text[1], style:{ fontSize:fs } }, subtitle: { text: subtext[1], style:{ fontSize:fs-3 } }, xAxis: { categories:ARRKEY[1], crosshair: true, labels:{ style:{ fontSize:fs } } }, yAxis: { min: 0, title: { text: CARR[Y[1]-1], style:{ fontSize:fs } }, labels:{ style:{ fontSize:fs } } }, tooltip: { headerFormat: '{point.key}', pointFormat: '' + '', footerFormat: '
{series.name}: {point.y}
', shared: true, useHTML: true }, legend:{ enabled:false }, plotOptions: { column: { pointPadding: 0.2, borderWidth: 0 }, series: { borderWidth: 0, dataLabels: { enabled: true, format: '{point.y}', style:{ fontSize:fs } } } }, series: [{ name: CARR[Y[1]-1], //colorByPoint: true, data: ARRVALUE[1] }] }); }else if(TYPE[2]=='pie'){ pchart3 = Highcharts.chart('charts3',{ chart: { plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false }, title: { text: text[1], style:{ fontSize:fs } }, subtitle:{ text: CARR[Y[1]-1], style:{ fontSize:fs-3 } }, tooltip: { headerFormat: '{series.name} ', pointFormatter: function(){ return this.options.name + '
' + this.options.y +'('+ parseFloat(this.options.y*100/this.total).toFixed(2) +'%)'; }, style:{ fontSize:fs } }, plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', dataLabels: { enabled: true, format: '{point.name} : {point.y} ({point.percentage:.2f} %)', style: { color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black', fontSize:fs } }, showInLegend:LEGENDMODE } }, series: [{ type: 'pie', name: CARR[Y[1]-1], data: (function(){ var res = []; for(var i = 0;i{point.key}', pointFormat: '' + '', footerFormat: '
{series.name}: {point.y}
', shared: true, useHTML: true }, legend:{ enabled:false }, plotOptions: { line: { dataLabels: { enabled: true } }, spline: { dataLabels: { enabled: true } } }, series: [{ name: CARR[Y[1]-1], data: ARRVALUE[1] }] }); }else if(TYPE[2]=='area'){ pchart3 = Highcharts.chart('charts3',{ chart: { type: 'areaspline', zoomType:'x' }, title: { text: text[1], style:{ fontSize:fs } }, subtitle: { text: subtext[1], style:{ fontSize:fs-3 } }, xAxis: { categories:ARRKEY[1], crosshair: true, labels:{ style:{ fontSize:fs } } }, yAxis: { min: 0, title: { text: CARR[Y[1]-1], style:{ fontSize:fs } }, labels:{ style:{ fontSize:fs } } }, tooltip: { headerFormat: '{point.key}', pointFormat: '' + '', footerFormat: '
{series.name}: {point.y}
', shared: true, useHTML: true }, legend:{ enabled:false }, plotOptions: { areaspline: { dataLabels: { enabled: true }, fillColor: { linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, stops: [ [0, Highcharts.getOptions().colors[0]], [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')] ] }, marker: { radius: 2 }, lineWidth: 1, states: { hover: { lineWidth: 1 } }, threshold: null } }, series: [{ name: CARR[Y[1]-1], data: ARRVALUE[1] }] }); }else if(TYPE[2]=='funnel'){ pchart3 = Highcharts.chart('charts3',{ chart: { type: 'funnel' }, title: { text: text[1], style:{ fontSize:fs } }, subtitle:{ text: CARR[Y[1]-1], style:{ fontSize:fs-3 } }, tooltip: { headerFormat: '{series.name} ', pointFormatter: function(){ return this.options.name + '
' + this.options.y +'('+ parseFloat(this.options.y*100/this.total).toFixed(2) +'%)'; }, style:{ fontSize:fs } }, plotOptions: { series: { dataLabels: { enabled: true, format: '{point.name} : {point.y}', color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black', style:{ fontSize:fs }, softConnector: true }, showInLegend:LEGENDMODE, neckWidth: '30%', neckHeight: '25%', width:'60%' } }, series: [{ name: CARR[Y[1]-1], data: (function(){ var res = []; for(var i = 0;i' + this.options.y +'('+ parseFloat(this.options.y*100/this.total).toFixed(2) +'%)'; }, style:{ fontSize:fs } }, plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', dataLabels: { enabled: true, format: '{point.name} : {point.y} ({point.percentage:.2f} %)', style: { color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black', fontSize:fs } }, showInLegend:LEGENDMODE } }, series: [{ type: 'pie', innerSize:'75%', name: CARR[Y[1]-1], data: (function(){ var res = []; for(var i = 0;i'+CARR[Y[1]-1]+':'+this.y+'('+this.percentage.toFixed(2)+'%)'; }, style:{ fontSize:fs } }, plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', depth: 35, dataLabels: { enabled: true, format: '{point.name}:{point.y}({point.percentage:.2f}%)', style:{ fontSize:fs } }, showInLegend:LEGENDMODE } }, series: [{ type: 'pie', name: CARR[Y[1]-1], data: HDATA[1] }] }); }else if(TYPE[2]=='ring_3d'){ pchart3 = Highcharts.chart('charts3',{ chart: { type: 'pie', options3d: { enabled: true, alpha: 45 } }, title: { text: text[1] }, subtitle: { text: CARR[Y[1]-1] }, tooltip: { formatter:function(){ return this.key+'
'+CARR[Y[1]-1]+':'+this.y+'('+this.percentage.toFixed(2)+'%)'; }, style:{ fontSize:fs } }, plotOptions: { pie: { innerSize: '30%', depth: 35, allowPointSelect: true, dataLabels: { enabled: true, format: '{point.name}:{point.y}({point.percentage:.2f}%)', style:{ fontSize:fs } }, showInLegend:LEGENDMODE } }, series: [{ type: 'pie', name: CARR[Y[1]-1], data: HDATA[1] }] }); }else if(TYPE[2]=='nightingale'){ pchart3 = Highcharts.chart('charts3',{ chart: { type: 'variablepie' }, title: { text: text[1], style:{ fontSize:fs } }, subtitle:{ text: CARR[Y[1]-1], style:{ fontSize:fs-3 } }, tooltip: { headerFormat: '{series.name} ', pointFormatter: function(){ return this.options.name + '
' + this.options.y +'('+ parseFloat(this.options.y*100/this.total).toFixed(2) +'%)'; }, style:{ fontSize:fs } }, plotOptions: { variablepie: { allowPointSelect: true, cursor: 'pointer', dataLabels: { enabled: true, format: '{point.name} : {point.y} ({point.percentage:.2f} %)', style: { color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black', fontSize:fs } }, showInLegend:LEGENDMODE } }, series: [{ // type: 'pie', minPointSize: 10, innerSize: '20%', zMin: 0, name: CARR[Y[1]-1], data: (function(){ var res = []; for(var i = 0;i=3){ if(TYPE[3]=='bar'){ pchart4 = Highcharts.chart('charts4',{ chart: { type: 'column', zoomType:'x' }, title: { text: text[2], style:{ fontSize:fs } }, subtitle: { text: subtext[2], style:{ fontSize:fs-3 } }, xAxis: { categories:ARRKEY[2], crosshair: true, labels:{ style:{ fontSize:fs } } }, yAxis: { min: 0, title: { text: CARR[Y[2]-1], style:{ fontSize:fs } }, labels:{ style:{ fontSize:fs } } }, tooltip: { headerFormat: '{point.key}', pointFormat: '' + '', footerFormat: '
{series.name}: {point.y}
', shared: true, useHTML: true }, legend:{ enabled:false }, plotOptions: { column: { pointPadding: 0.2, borderWidth: 0 }, series: { borderWidth: 0, dataLabels: { enabled: true, format: '{point.y}', style:{ fontSize:fs } } } }, series: [{ name: CARR[Y[2]-1], //colorByPoint: true, data: ARRVALUE[2] }] }); }else if(TYPE[3]=='pie'){ pchart4 = Highcharts.chart('charts4',{ chart: { plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false }, title: { text: text[2], style:{ fontSize:fs } }, subtitle:{ text: CARR[Y[2]-1], style:{ fontSize:fs-3 } }, tooltip: { headerFormat: '{series.name} ', pointFormatter: function(){ return this.options.name + '
' + this.options.y +'('+ parseFloat(this.options.y*100/this.total).toFixed(2) +'%)'; }, style:{ fontSize:fs } }, plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', dataLabels: { enabled: true, format: '{point.name} : {point.y} ({point.percentage:.2f} %)', style: { color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black', fontSize:fs } }, showInLegend:LEGENDMODE } }, series: [{ type: 'pie', name: CARR[Y[2]-1], data: (function(){ var res = []; for(var i = 0;i{point.key}', pointFormat: '' + '', footerFormat: '
{series.name}: {point.y}
', shared: true, useHTML: true }, legend:{ enabled:false }, plotOptions: { line: { dataLabels: { enabled: true } }, spline: { dataLabels: { enabled: true } } }, series: [{ name: CARR[Y[2]-1], data: ARRVALUE[2] }] }); }else if(TYPE[3]=='area'){ pchart4 = Highcharts.chart('charts4',{ chart: { type: 'areaspline', zoomType:'x' }, title: { text: text[2], style:{ fontSize:fs } }, subtitle: { text: subtext[2], style:{ fontSize:fs-3 } }, xAxis: { categories:ARRKEY[2], crosshair: true, labels:{ style:{ fontSize:fs } } }, yAxis: { min: 0, title: { text: CARR[Y[2]-1], style:{ fontSize:fs } }, labels:{ style:{ fontSize:fs } } }, tooltip: { headerFormat: '{point.key}', pointFormat: '' + '', footerFormat: '
{series.name}: {point.y}
', shared: true, useHTML: true }, legend:{ enabled:false }, plotOptions: { areaspline: { dataLabels: { enabled: true }, fillColor: { linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, stops: [ [0, Highcharts.getOptions().colors[0]], [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')] ] }, marker: { radius: 2 }, lineWidth: 1, states: { hover: { lineWidth: 1 } }, threshold: null } }, series: [{ name: CARR[Y[2]-1], data: ARRVALUE[2] }] }); }else if(TYPE[3]=='funnel'){ pchart4 = Highcharts.chart('charts4',{ chart: { type: 'funnel' }, title: { text: text[2], style:{ fontSize:fs } }, subtitle:{ text: CARR[Y[2]-1], style:{ fontSize:fs-3 } }, tooltip: { headerFormat: '{series.name} ', pointFormatter: function(){ return this.options.name + '
' + this.options.y +'('+ parseFloat(this.options.y*100/this.total).toFixed(2) +'%)'; }, style:{ fontSize:fs } }, plotOptions: { series: { dataLabels: { enabled: true, format: '{point.name} : {point.y}', color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black', style:{ fontSize:fs }, softConnector: true }, showInLegend:LEGENDMODE, neckWidth: '30%', neckHeight: '25%', width:'60%' } }, series: [{ name: CARR[Y[2]-1], data: (function(){ var res = []; for(var i = 0;i' + this.options.y +'('+ parseFloat(this.options.y*100/this.total).toFixed(2) +'%)'; }, style:{ fontSize:fs } }, plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', dataLabels: { enabled: true, format: '{point.name} : {point.y} ({point.percentage:.2f} %)', style: { color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black', fontSize:fs } }, showInLegend:LEGENDMODE } }, series: [{ type: 'pie', innerSize:'75%', name: CARR[Y[2]-1], data: (function(){ var res = []; for(var i = 0;i'+CARR[Y[2]-1]+':'+this.y+'('+this.percentage.toFixed(2)+'%)'; }, style:{ fontSize:fs } }, plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', depth: 35, dataLabels: { enabled: true, format: '{point.name}:{point.y}({point.percentage:.2f}%)', style:{ fontSize:fs } }, showInLegend:LEGENDMODE } }, series: [{ type: 'pie', name: CARR[Y[2]-1], data: HDATA[2] }] }); }else if(TYPE[3]=='ring_3d'){ pchart4 = Highcharts.chart('charts4',{ chart: { type: 'pie', options3d: { enabled: true, alpha: 45 } }, title: { text: text[2] }, subtitle: { text: CARR[Y[2]-1] }, tooltip: { formatter:function(){ return this.key+'
'+CARR[Y[2]-1]+':'+this.y+'('+this.percentage.toFixed(2)+'%)'; }, style:{ fontSize:fs } }, plotOptions: { pie: { innerSize: '30%', depth: 35, allowPointSelect: true, dataLabels: { enabled: true, format: '{point.name}:{point.y}({point.percentage:.2f}%)', style:{ fontSize:fs } }, showInLegend:LEGENDMODE } }, series: [{ type: 'pie', name: CARR[Y[2]-1], data: HDATA[2] }] }); }else if(TYPE[3]=='nightingale'){ pchart4 = Highcharts.chart('charts4',{ chart: { type: 'variablepie' }, title: { text: text[2], style:{ fontSize:fs } }, subtitle:{ text: CARR[Y[2]-1], style:{ fontSize:fs-3 } }, tooltip: { headerFormat: '{series.name} ', pointFormatter: function(){ return this.options.name + '
' + this.options.y +'('+ parseFloat(this.options.y*100/this.total).toFixed(2) +'%)'; }, style:{ fontSize:fs } }, plotOptions: { variablepie: { allowPointSelect: true, cursor: 'pointer', dataLabels: { enabled: true, format: '{point.name} : {point.y} ({point.percentage:.2f} %)', style: { color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black', fontSize:fs } }, showInLegend:LEGENDMODE } }, series: [{ // type: 'pie', minPointSize: 10, innerSize: '20%', zMin: 0, name: CARR[Y[2]-1], data: (function(){ var res = []; for(var i = 0;i=4){ if(TYPE[4]=='bar'){ pchart5 = Highcharts.chart('charts5',{ chart: { type: 'column', zoomType:'x' }, title: { text: text[3], style:{ fontSize:fs } }, subtitle: { text: subtext[3], style:{ fontSize:fs-3 } }, xAxis: { categories:ARRKEY[3], crosshair: true, labels:{ style:{ fontSize:fs } } }, yAxis: { min: 0, title: { text: CARR[Y[3]-1], style:{ fontSize:fs } }, labels:{ style:{ fontSize:fs } } }, tooltip: { headerFormat: '{point.key}', pointFormat: '' + '', footerFormat: '
{series.name}: {point.y}
', shared: true, useHTML: true }, legend:{ enabled:false }, plotOptions: { column: { pointPadding: 0.2, borderWidth: 0 }, series: { borderWidth: 0, dataLabels: { enabled: true, format: '{point.y}', style:{ fontSize:fs } } } }, series: [{ name: CARR[Y[3]-1], //colorByPoint: true, data: ARRVALUE[3] }] }); }else if(TYPE[4]=='pie'){ pchart5 = Highcharts.chart('charts5',{ chart: { plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false }, title: { text: text[3], style:{ fontSize:fs } }, subtitle:{ text: CARR[Y[3]-1], style:{ fontSize:fs-3 } }, tooltip: { headerFormat: '{series.name} ', pointFormatter: function(){ return this.options.name + '
' + this.options.y +'('+ parseFloat(this.options.y*100/this.total).toFixed(2) +'%)'; }, style:{ fontSize:fs } }, plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', dataLabels: { enabled: true, format: '{point.name} : {point.y} ({point.percentage:.2f} %)', style: { color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black', fontSize:fs } }, showInLegend:LEGENDMODE } }, series: [{ type: 'pie', name: CARR[Y[3]-1], data: (function(){ var res = []; for(var i = 0;i{point.key}', pointFormat: '' + '', footerFormat: '
{series.name}: {point.y}
', shared: true, useHTML: true }, legend:{ enabled:false }, plotOptions: { line: { dataLabels: { enabled: true } }, spline: { dataLabels: { enabled: true } } }, series: [{ name: CARR[Y[3]-1], data: ARRVALUE[3] }] }); }else if(TYPE[4]=='area'){ pchart5 = Highcharts.chart('charts5',{ chart: { type: 'areaspline', zoomType:'x' }, title: { text: text[3], style:{ fontSize:fs } }, subtitle: { text: subtext[3], style:{ fontSize:fs-3 } }, xAxis: { categories:ARRKEY[3], crosshair: true, labels:{ style:{ fontSize:fs } } }, yAxis: { min: 0, title: { text: CARR[Y[3]-1], style:{ fontSize:fs } }, labels:{ style:{ fontSize:fs } } }, tooltip: { headerFormat: '{point.key}', pointFormat: '' + '', footerFormat: '
{series.name}: {point.y}
', shared: true, useHTML: true }, legend:{ enabled:false }, plotOptions: { areaspline: { dataLabels: { enabled: true }, fillColor: { linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, stops: [ [0, Highcharts.getOptions().colors[0]], [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')] ] }, marker: { radius: 2 }, lineWidth: 1, states: { hover: { lineWidth: 1 } }, threshold: null } }, series: [{ name: CARR[Y[3]-1], data: ARRVALUE[3] }] }); }else if(TYPE[4]=='funnel'){ pchart5 = Highcharts.chart('charts5',{ chart: { type: 'funnel' }, title: { text: text[3], style:{ fontSize:fs } }, subtitle:{ text: CARR[Y[3]-1], style:{ fontSize:fs-3 } }, tooltip: { headerFormat: '{series.name} ', pointFormatter: function(){ return this.options.name + '
' + this.options.y +'('+ parseFloat(this.options.y*100/this.total).toFixed(2) +'%)'; }, style:{ fontSize:fs } }, plotOptions: { series: { dataLabels: { enabled: true, format: '{point.name} : {point.y}', color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black', style:{ fontSize:fs }, softConnector: true }, showInLegend:LEGENDMODE, neckWidth: '30%', neckHeight: '25%', width:'60%' } }, series: [{ name: CARR[Y[3]-1], data: (function(){ var res = []; for(var i = 0;i' + this.options.y +'('+ parseFloat(this.options.y*100/this.total).toFixed(2) +'%)'; }, style:{ fontSize:fs } }, plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', dataLabels: { enabled: true, format: '{point.name} : {point.y} ({point.percentage:.2f} %)', style: { color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black', fontSize:fs } }, showInLegend:LEGENDMODE } }, series: [{ type: 'pie', innerSize:'75%', name: CARR[Y[3]-1], data: (function(){ var res = []; for(var i = 0;i'+CARR[Y[3]-1]+':'+this.y+'('+this.percentage.toFixed(2)+'%)'; }, style:{ fontSize:fs } }, plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', depth: 35, dataLabels: { enabled: true, format: '{point.name}:{point.y}({point.percentage:.2f}%)', style:{ fontSize:fs } }, showInLegend:LEGENDMODE } }, series: [{ type: 'pie', name: CARR[Y[3]-1], data: HDATA[3] }] }); }else if(TYPE[4]=='ring_3d'){ pchart5 = Highcharts.chart('charts5',{ chart: { type: 'pie', options3d: { enabled: true, alpha: 45 } }, title: { text: text[3] }, subtitle: { text: CARR[Y[3]-1] }, tooltip: { formatter:function(){ return this.key+'
'+CARR[Y[3]-1]+':'+this.y+'('+this.percentage.toFixed(2)+'%)'; }, style:{ fontSize:fs } }, plotOptions: { pie: { innerSize: '30%', depth: 35, allowPointSelect: true, dataLabels: { enabled: true, format: '{point.name}:{point.y}({point.percentage:.2f}%)', style:{ fontSize:fs } }, showInLegend:LEGENDMODE } }, series: [{ type: 'pie', name: CARR[Y[3]-1], data: HDATA[3] }] }); }else if(TYPE[4]=='nightingale'){ pchart5 = Highcharts.chart('charts5',{ chart: { type: 'variablepie' }, title: { text: text[3], style:{ fontSize:fs } }, subtitle:{ text: CARR[Y[3]-1], style:{ fontSize:fs-3 } }, tooltip: { headerFormat: '{series.name} ', pointFormatter: function(){ return this.options.name + '
' + this.options.y +'('+ parseFloat(this.options.y*100/this.total).toFixed(2) +'%)'; }, style:{ fontSize:fs } }, plotOptions: { variablepie: { allowPointSelect: true, cursor: 'pointer', dataLabels: { enabled: true, format: '{point.name} : {point.y} ({point.percentage:.2f} %)', style: { color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black', fontSize:fs } }, showInLegend:LEGENDMODE } }, series: [{ // type: 'pie', minPointSize: 10, innerSize: '20%', zMin: 0, name: CARR[Y[3]-1], data: (function(){ var res = []; for(var i = 0;i