$(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'
+CARR[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: '{series.name}: | ' +
'{point.y} |
',
footerFormat: '
',
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: '{series.name}: | ' +
'{point.y} |
',
footerFormat: '
',
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: '{series.name}: | ' +
'{point.y} |
',
footerFormat: '
',
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: '{series.name}: | ' +
'{point.y} |
',
footerFormat: '
',
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: '{series.name}: | ' +
'{point.y} |
',
footerFormat: '
',
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: '{series.name}: | ' +
'{point.y} |
',
footerFormat: '
',
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: '{series.name}: | ' +
'{point.y} |
',
footerFormat: '
',
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: '{series.name}: | ' +
'{point.y} |
',
footerFormat: '
',
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;
})()
});
}
}