1/** 2 * ã³ã³ãã¼ãã³ãç¨ã°ã©ãæç»ã¹ã¯ãªãã 3 * 4 */ 5 6/** 7 * ã°ã©ãç¨®é¡ 8 */ 9 var GRAPH_TYPE_PIE_HIGHCHART = 'pie'; 10 var GRAPH_TYPE_COLUMN_HIGHCHART = 'column'; 11 var GRAPH_TYPE_COLUMN_STACK_HIGHCHART = 'column_stack'; 12 var GRAPH_TYPE_BAR_STACK_HIGHCHART = 'bar_stack'; 13 var GRAPH_TYPE_LINE_HIGHCHART = 'line'; 14 var GRAPH_TYPE_COMPLEX_HIGHCHART = 'complex'; 15 var GRAPH_TYPE_COMPLEX_HIGHCHART_TYPE2 = 'complexType2'; 16 var GRAPH_TYPE_BAR_HIGHCHART = 'bar'; 17 var BAR_YAXIS_TITLE_OFFSET = 20; 18 19 // 2018å¹´ æ£ã°ã©ãï¼ååæï¼ãé å½ã追å 20 var GRAPH_TYPE_COLUMN_QUARTER_HIGHCHART = 'column_quarter'; 21 var GRAPH_TYPE_LINE_QUARTER_HIGHCHART = 'line_quarter'; 22 var GRAPH_TYPE_HAITOU_HIGHCHART = 'haitou'; 23 var theme_haitou = { 24 credits: { 25 enabled: false 26 }, 27 chart: { 28 marginTop: 60 29 }, 30 title: { 31 text: '' 32 }, 33 xAxis: { 34 labels: { 35 style: { 36 color: '#000000', 37 font: '12px Meiryo, Hiragino Kaku Gothic Pro, MS PGothic, sans-serif' 38 } 39 }, 40 gridLineColor: '#cccccc' 41 }, 42 yAxis: { 43 reversedStacks: false, 44 labels: { 45 style: { 46 color: '#000000', 47 font: '12px Meiryo, Hiragino Kaku Gothic Pro, MS PGothic, sans-serif' 48 } 49 }, 50 title: { 51 style: { 52 color: '#000000', 53 font: '12px Meiryo, Hiragino Kaku Gothic Pro, MS PGothic, sans-serif' 54 } 55 }, 56 gridLineColor: '#cccccc' 57 }, 58 navigation: { 59 buttonOptions: { 60 align: 'right', 61 x: -45, 62 y: -60 63 } 64 } 65}; 66 67 var theme_column_quarter = { 68 credits: { 69 enabled: false 70 }, 71 chart: { 72 marginTop: 60 73 }, 74 title: { 75 text: '' 76 }, 77 legend: { 78 enabled: false 79 }, 80 xAxis: { 81 labels: { 82 style: { 83 color: '#000000', 84 font: '12px Meiryo, Hiragino Kaku Gothic Pro, MS PGothic, sans-serif' 85 } 86 }, 87 gridLineColor: '#cccccc' 88 }, 89 yAxis: { 90 reversedStacks: false, 91 labels: { 92 style: { 93 color: '#000000', 94 font: '12px Meiryo, Hiragino Kaku Gothic Pro, MS PGothic, sans-serif' 95 } 96 }, 97 title: { 98 style: { 99 color: '#000000', 100 font: '12px Meiryo, Hiragino Kaku Gothic Pro, MS PGothic, sans-serif' 101 } 102 }, 103 gridLineColor: '#cccccc' 104 }, 105 navigation: { 106 buttonOptions: {
107 align: 'right', 108 x: -45, 109 y: -60 110 } 111 } 112 }; 113 var theme_line_quarter = { 114 credits: { 115 enabled: false 116 }, 117 chart: { 118 marginTop: 60 119 }, 120 title: { 121 text: '' 122 }, 123 legend: { 124 enabled: false 125 }, 126 xAxis: { 127 labels: { 128 style: { 129 color: '#000000', 130 font: '12px Meiryo, Hiragino Kaku Gothic Pro, MS PGothic, sans-serif' 131 } 132 }, 133 gridLineColor: '#cccccc' 134 }, 135 yAxis: { 136 reversedStacks: false, 137 labels: { 138 style: { 139 color: '#000000', 140 font: '12px Meiryo, Hiragino Kaku Gothic Pro, MS PGothic, sans-serif' 141 } 142 }, 143 title: { 144 style: { 145 color: '#000000', 146 font: '12px Meiryo, Hiragino Kaku Gothic Pro, MS PGothic, sans-serif' 147 } 148 }, 149 gridLineColor: '#cccccc' 150 }, 151 navigation: { 152 buttonOptions: { 153 align: 'right', 154 x: -45, 155 y: -60 156 } 157 } 158 }; 159 var m_series1LatestColor = "#87CEFA"; 160 var m_series2LatestColor = "#33CC66"; 161 var m_series3LatestColor = "#FF99CC"; 162 var m_series4LatestColor = "#E9FE72"; 163 var column_quarter_colors = ["#FFCC99", "#FFCC00", "#FF9900", "#EB5E00", m_series1LatestColor, m_series2LatestColor, m_series3LatestColor, m_series4LatestColor]; 164 var line_quarter_colors = ["#FFCC99", "#FFCC00", "#FF9900", "#EB5E00", m_series1LatestColor, m_series2LatestColor, m_series3LatestColor, m_series4LatestColor]; 165 var haitou_colors = ["#7CB5EC", "#8085E9", "#90ED7D", "#F7A35C", "#F15C80", "#E4D354"]; 166 167 var LEFT_AXIS_ID = 'left-y-axis'; 168 var RIGHT_AXIS_ID = 'right-y-axis'; 169 170// ã°ã©ãæç»ç¨ã¤ã³ã¹ã¿ã³ã¹é é¬ 171var chart; 172 173/** 174 * å ¥åæ å ±ããã°ã©ãã®çæãè¡ãã 175 * 176 */ 177function initChart ( 178 // graph properties 179 id, gtitle, gtype, glegend, ganimation, gwidth, gheight, 180 gbackcolor, gcolor, gtablerow, gtablecolumn, glabel, 181 gaffiliate, gtabledata, 182 // lefttitle 183 gleftunitenable,gleftunitlabel,gleftunitminvalue,gleftunitmaxvalue, 184 // righttitle 185 grightunitenable,grightunitlabel,grightunitminvalue,grightunitmaxvalue 186){ 187 var json_Axis=[]; 188 var rightAxisID = 0; 189 var leftAxisID = 0; 190 var offset=0; 191 var bar_rightunit=''; 192 var rightunittext_axis = ''; 193 var leftunittext_axis = ''; 194 var leftStartOnTick=true; 195 var leftEndOnTick=true; 196 var rightStartOnTick=true; 197 var rightEndOnTick=true; 198 var alignTicks = true; 199 var tooltip_unitlabel=''; 200 var oppositeOn=false; 201 // â ã°ã©ã種é¡ãã¨ã«ç³»åãã¼ã¿ã使 202 // highchartsã§å®ããããã°ã©ã種é¡ãã¨ã®ãã¼ã¿å½¢å¼ã使ããã 203 var json_data = []; 204 var type_local = gtype; 205 var inverted_local = false;
206 var json_tooltip = []; 207 var color =[]; 208 var data =[]; 209 var label = []; 210 var affiliate = []; 211 var haitou = 0; 212 var teaserCount = 0; 213 // ãã¼ã¿ãJavaScriptãªãã¸ã§ã¯ã夿 214 // å ¥åæ å ±ãjavaScriptãªãã¸ã§ã¯ãã«å¤æããã 215 216 217 if(ganimation) { 218 if(ganimation =='disable') { 219 ganimation = false; 220 } else { 221 ganimation = true; 222 } 223 } 224 225 if(gtabledata) { 226 try { 227 data = JSON.parse(gtabledata); 228 } catch(e) { 229 console.log('input graph data is invalid'); 230 document.write('input graph data is invalid'); 231 return; 232 } 233 } else { 234 console.log('input graph data is invalid'); 235 document.write('input graph data is invalid'); 236 return; 237 } 238 239 if(gcolor) { 240 try{ 241 color = JSON.parse(gcolor); 242 if (gtype == GRAPH_TYPE_COLUMN_QUARTER_HIGHCHART) { 243 // æ£ã°ã©ãï¼ååæï¼ããã©ã«ãã«ã©ã¼è¨å® 244// for(let i in column_quarter_colors) { 245// if (color[i] == null) { 246// color[i] = column_quarter_colors[i]; 247// } else { 248// if (i == 4) { 249// m_series1LatestColor = color[i]; 250// } else if (i == 5) { 251// m_series2LatestColor = color[i]; 252// } else if (i == 6) { 253// m_series3LatestColor = color[i]; 254// } else if (i == 7) { 255// m_series4LatestColor = color[i]; 256// } 257// } 258// } 259 column_quarter_colors.forEach (function (value, i) { 260 if (color[i] == null) { 261 color[i] = value; 262 } else { 263 if (i == 4) { 264 m_series1LatestColor = color[i]; 265 } else if (i == 5) { 266 m_series2LatestColor = color[i]; 267 } else if (i == 6) { 268 m_series3LatestColor = color[i]; 269 } else if (i == 7) { 270 m_series4LatestColor = color[i]; 271 } 272 } 273 } 274 ); 275 } else if (gtype == GRAPH_TYPE_LINE_QUARTER_HIGHCHART) { 276 // æ£ã°ã©ãï¼ååæï¼ããã©ã«ãã«ã©ã¼è¨å® 277// for(let i in line_quarter_colors) { 278// if (color[i] == null) { 279// color[i] = line_quarter_colors[i]; 280// } else { 281// if (i == 4) { 282// m_series1LatestColor = color[i]; 283// } else if (i == 5) { 284// m_series2LatestColor = color[i]; 285// } else if (i == 6) { 286// m_series3LatestColor = color[i]; 287// } else if (i == 7) { 288// m_series4LatestColor = color[i]; 289// } 290// } 291// } 292 line_quarter_colors.forEach (function (value, i) { 293 if (color[i] == null) { 294 color[i] = value; 295 } else { 296 if (i == 4) { 297 m_series1LatestColor = color[i]; 298 } else if (i == 5) { 299 m_series2LatestColor = color[i]; 300 } else if (i == 6) { 301 m_series3LatestColor = color[i]; 302 } else if (i == 7) { 303 m_series4LatestColor = color[i]; 304 } 305 } 306 } 307 ); 308 } else if (gtype == GRAPH_TYPE_HAITOU_HIGHCHART) { 309 // é å½ ããã©ã«ãã«ã©ã¼è¨å® 310// for(let i in haitou_colors) { 311// if (color[i] == null) 312// color[i] = haitou_colors[i]; 313// } 314 haitou_colors.forEach(function(value, i) { 315 if (color[i] == null) 316 color[i] = value; 317 } 318 ); 319 } 320 321 } catch(e) { 322 console.log('input graph color is invalid'); 323 } 324 } 325 326 if(glabel) { 327 try { 328 // Â¥ããã³Â¥nãã¨ã¹ã±ã¼ãå¦çããJSONãã¼ã¹ãã 329 label = JSON.parse(glabel.replace(/\\/g, "\\\\").replace(/\n/g, "\\n")); 330 } catch(e) { 331 console.log('input graph Xlabel is invalid'); 332 } 333 } 334 335 if(gaffiliate) { 336 try{ 337 // Â¥ããã³Â¥nãã¨ã¹ã±ã¼ãå¦çããJSONãã¼ã¹ãã 338 affiliate = JSON.parse(gaffiliate.replace(/\\/g, "\\\\").replace(/\n/g, "\\n")); 339 } catch(e) { 340 console.log('input graph affiliate is invalid'); 341 } 342 } 343 344 // gleftunitminvalueã®æ°å¤ãã§ã㯠345 if(!gleftunitminvalue || !isFinite(gleftunitminvalue)) { 346 gleftunitminvalue=null; 347 } else { 348 gleftunitminvalue=parseInt(gleftunitminvalue); 349 } 350 351 // gleftunitmaxvalueã®æ°å¤ãã§ã㯠352 if(!gleftunitmaxvalue || !isFinite(gleftunitmaxvalue)) { 353 gleftunitmaxvalue=null; 354 } else { 355 gleftunitmaxvalue=parseInt(gleftunitmaxvalue); 356 } 357 // grightunitminvalueã®æ°å¤ãã§ã㯠358 if(!grightunitminvalue || !isFinite(grightunitminvalue)) { 359 grightunitminvalue=null; 360 } else { 361 grightunitminvalue=parseInt(grightunitminvalue); 362 } 363 // grightunitmaxvalueã®æ°å¤ãã§ã㯠364 if(!grightunitmaxvalue || !isFinite(grightunitmaxvalue)) { 365 grightunitmaxvalue=null; 366 } else { 367 grightunitmaxvalue=parseInt(grightunitmaxvalue); 368 } 369 370 // gwidthã®æ°å¤ãã§ã㯠371 if(!gwidth || !isFinite(gwidth)) { 372 gwidth=null; 373 } else { 374 gwidth=parseInt(gwidth); 375 } 376 377 // gheightã®æ°å¤ãã§ã㯠378 if(!gheight || !isFinite(gheight)) { 379 gheight=null; 380 } else { 381 gheight=parseInt(gheight); 382 } 383 384 // â 軸æ å ±ãã軸ãã¼ã¿ãçæ 385 if(gleftunitenable && !grightunitenable) { 386 387 if(gtype==GRAPH_TYPE_BAR_STACK_HIGHCHART) { 388 // ç©ã¿ä¸ã(横)ã°ã©ãã®å ´åã左軸ã®è¡¨ç¤ºä½ç½®ãèª¿æ´ 389 offset = BAR_YAXIS_TITLE_OFFSET; 390 } 391 392 // 左軸æå¹ã®å ´åã¯ã左軸ã©ãã«ããã¼ã«ãããã¨å·¦è»¸ã«è¡¨ç¤º 393 leftunittext_axis = gleftunitlabel; 394 tooltip_unitlabel = gleftunitlabel; 395 396 // æå¤§å¤ãè¨å®ããã¦ããå ´åã¯ãEndOnTickãfalseã«è¨å®ããã 397 if(gleftunitmaxvalue!=null) { 398 leftEndOnTick=false; 399 alignTicks=false; 400 } 401 402 // æå°å¤ãè¨å®ããã¦ããå ´åã¯ãStartOnTickãfalseã«è¨å®ããã 403 if(gleftunitminvalue!=null) { 404 leftStartOnTick=false; 405 } 406 407 // 軸æ å ±ãã軸ãã¼ã¿ãçæ 408 json_Axis[0]={"id":LEFT_AXIS_ID, 409 showFirstLabel:true, 410 showLastLabel:true, 411 "min":gleftunitminvalue, 412 "max":gleftunitmaxvalue, 413 startOnTick: leftStartOnTick, 414 endOnTick:leftEndOnTick, 415 "title": { 416 "align": "high", 417 "offset": offset, 418 "text": leftunittext_axis, 419 "rotation": 0, 420 "y": -10}, 421 "labels": { 422 "formatter": function() { 423 return String(this.value).replace( /(\d)(?=(\d\d\d)+(?!\d))/g, '$1,'); 424 } 425 } 426 }; 427 // è¤åã°ã©ãç¨è»¸IDãä¿æ 428 leftAxisID = LEFT_AXIS_ID; 429 } else if(gleftunitenable && grightunitenable) { 430 if(gtype==GRAPH_TYPE_BAR_STACK_HIGHCHART) { 431 // ç©ã¿ä¸ã(横)ã°ã©ãã®å ´åã左軸ã®è¡¨ç¤ºä½ç½®ãèª¿æ´ 432 offset = BAR_YAXIS_TITLE_OFFSET; 433 // å³è»¸é表示 434 } else { 435 // ç©ã¿ä¸ã(横)ã°ã©ã以å¤ã®å ´åããã¤å³è»¸æå¹ã®å ´åã¯ãå³è»¸ã©ãã«ããã¼ã«ãããã¨å³è»¸ã«è¡¨ç¤º 436 rightunittext_axis = grightunitlabel; 437 } 438 439 440 // 左軸æå¹ã®å ´åã¯ã左軸ã©ãã«ããã¼ã«ãããã¨å·¦è»¸ã«è¡¨ç¤º 441 leftunittext_axis = gleftunitlabel; 442 tooltip_unitlabel = gleftunitlabel; 443 444 // æå¤§å¤ãè¨å®ããã¦ããå ´åã¯ãEndOnTickãfalseã«è¨å®ããã 445 if(gleftunitmaxvalue!=null) { 446 leftEndOnTick=false; 447 alignTicks=false; 448 } 449 450 // æå°å¤ãè¨å®ããã¦ããå ´åã¯ãStartOnTickãfalseã«è¨å®ããã 451 if(gleftunitminvalue!=null) { 452 leftStartOnTick=false; 453 } 454 455 // æå¤§å¤ãè¨å®ããã¦ããå ´åã¯ãEndOnTickãfalseã«è¨å®ããã 456 if(grightunitmaxvalue!=null) { 457 rightEndOnTick=false; 458 alignTicks=false; 459 } 460 461 // æå°å¤ãè¨å®ããã¦ããå ´åã¯ãStartOnTickãfalseã«è¨å®ããã 462 if(grightunitminvalue!=null) { 463 rightStartOnTick=false; 464 } 465 466 // 左軸ãã¼ã¿çæ 467 json_Axis[0]={"id":LEFT_AXIS_ID, 468 showFirstLabel:true, 469 showLastLabel:true, 470 "min":gleftunitminvalue, 471 "max":gleftunitmaxvalue, 472 startOnTick: leftStartOnTick, 473 endOnTick:leftEndOnTick, 474 "title": { 475 "align": "high", 476 "offset": offset, 477 "text": leftunittext_axis, 478 "rotation": 0, 479 "y": -10}, 480 "labels": { 481 "formatter": function() { 482 return String(this.value).replace( /(\d)(?=(\d\d\d)+(?!\d))/g, '$1,'); 483 } 484 } 485 }; 486 //è¤åã°ã©ãç¨è»¸IDãä¿æ 487 leftAxisID = LEFT_AXIS_ID; 488 489 // å³è»¸ãã¼ã¿çæ 490 json_Axis[1]={"id":RIGHT_AXIS_ID, 491 showFirstLabel:true, 492 showLastLabel:true, 493 "opposite": true, 494 "min":grightunitminvalue, 495 "max":grightunitmaxvalue, 496 startOnTick: rightStartOnTick, 497 endOnTick:rightEndOnTick, 498 "title": { 499 "align": "high", 500 "offset": 0, 501 "text": rightunittext_axis, 502 "rotation": 0, 503 "y": -10, 504 "x": 10}, 505 "labels": { 506 "formatter": function() { 507 return String(this.value).replace( /(\d)(?=(\d\d\d)+(?!\d))/g, '$1,'); 508 } 509 } 510 }; 511 512 //è¤åã°ã©ãç¨è»¸IDãä¿æ 513 rightAxisID = RIGHT_AXIS_ID; 514 } else if(!gleftunitenable && grightunitenable) { 515 516 // å³è»¸æå¹ã®å ´åã¯ãå³è»¸ã©ãã«ããã¼ã«ãããã¨å·¦è»¸ã«è¡¨ç¤º 517 rightunittext_axis = grightunitlabel; 518 tooltip_unitlabel = grightunitlabel; 519 520 // æå¤§å¤ãè¨å®ããã¦ããå ´åã¯ãEndOnTickãfalseã«è¨å®ããã 521 if(grightunitmaxvalue!=null) { 522 rightEndOnTick=false; 523 alignTicks=false; 524 } 525 526 // æå°å¤ãè¨å®ããã¦ããå ´åã¯ãStartOnTickãfalseã«è¨å®ããã 527 if(grightunitminvalue!=null) { 528 rightStartOnTick=false; 529 } 530 531 alignTicks=false; 532 // 左軸ãã¼ã¿çæ 533 json_Axis[0]={"id":LEFT_AXIS_ID, 534 "labels":{ 535 enabled:false, 536 }, 537 gridLineWidth: 0, 538 tickWidth:0, 539 lineWidth: 0, 540 "title": {"text": ""} 541 }; 542 //è¤åã°ã©ãç¨è»¸IDãä¿æ 543 leftAxisID = LEFT_AXIS_ID; 544 545 // å³è»¸ãã¼ã¿çæ 546 json_Axis[1]={"id":RIGHT_AXIS_ID, 547 showFirstLabel:true, 548 showLastLabel:true, 549 "opposite": true, 550 "min":grightunitminvalue, 551 "max":grightunitmaxvalue, 552 startOnTick: rightStartOnTick, 553 endOnTick:rightEndOnTick, 554 "title": { 555 "align": "high", 556 "offset": 0, 557 "text": rightunittext_axis, 558 "rotation": 0, 559 "y": -10, 560 "x": 10}, 561 "labels": { 562 "formatter": function() { 563 return String(this.value).replace( /(\d)(?=(\d\d\d)+(?!\d))/g, '$1,'); 564 } 565 } 566 }; 567 568 //è¤åã°ã©ãç¨è»¸IDãä¿æ 569 rightAxisID = RIGHT_AXIS_ID; 570 } else { 571 // åä½è¡¨ç¤ºãªãã®å·¦è»¸ãã¼ã¿çæ 572 // 左軸ãã¼ã¿çæ 573 json_Axis[0]={"id":LEFT_AXIS_ID, 574 "labels":{ 575 enabled:false, 576 }, 577 gridLineWidth: 0, 578 tickWidth:0, 579 lineWidth: 0, 580 "title": {"text": ""} 581 }; 582 //è¤åã°ã©ãç¨è»¸IDãä¿æ 583 leftAxisID = LEFT_AXIS_ID; 584 585 // å³è»¸ãã¼ã¿çæ 586 json_Axis[1]={"id":RIGHT_AXIS_ID, 587 "opposite": true, 588 gridLineWidth: 0, 589 "labels":{ 590 enabled:false 591 }, 592 "title": {"text": ""} 593 }; 594 } 595 596 var pos = id.indexOf("-",0); 597 teaserCount = id.substr(pos + 1); 598 599 for(var i=0; i<gtablerow; i++) { 600 if(gtype == GRAPH_TYPE_PIE_HIGHCHART) { 601 // - åã°ã©ãç¨ãã¼ã¿ä½æ 602 var series_data = []; 603 for(var j=0; j<gtablecolumn; j++) { 604 // ãã¼ã¿ãã¨ã«è²ãX軸ã©ãã«ãè¨å®ãã 605 if(color[j]!=null && color[j]!="") { 606 series_data[j] = {"name":label[j], "y":data[i][j],"color":color[j]}; 607 } else { 608 series_data[j] = {"name":label[j], "y":data[i][j]}; 609 } 610 } 611 json_data[i] ={"name":affiliate[i], "data":series_data, "animation": ganimation}; 612 } else if(gtype == GRAPH_TYPE_COLUMN_STACK_HIGHCHART) { 613 // ç©ã¿ä¸ã(縦) 614 // ç³»åãã¨ã«è²ãè¨å®ãstacking optionã"normal"ã«è¨å® 615 type_local = GRAPH_TYPE_COLUMN_HIGHCHART; 616 json_data[i] ={"name":affiliate[i], "data":data[i], "color":color[i], "stacking": "normal", "stack": 0, "animation": ganimation}; 617 } else if (gtype == GRAPH_TYPE_BAR_STACK_HIGHCHART) { 618 // ç©ã¿ä¸ã(縦) 619 // invertedãtrue, ç³»åãã¨ã«è²ãè¨å®ãstacking optionã"normal"ã«è¨å® 620 inverted_local = true; 621 type_local = GRAPH_TYPE_BAR_HIGHCHART; 622 json_data[i] ={"name":affiliate[i], "data":data[i], "color":color[i], "stacking": "normal", "stack": 0, "animation": ganimation}; 623 } else if (gtype == GRAPH_TYPE_COMPLEX_HIGHCHART) { 624 // è¤åã°ã©ã 625 // irbridge仿§ãè¸è¥²ãããã¼ã¿ç³»åã®ä¸ååãæãç·ã°ã©ããä¸ååãæ£ã°ã©ãã¨ããã 626 // å²ãåããªãå ´åã¯ãæ£ã°ã©ãã表示ããã 627 // 軸ã¯ãæãç·ã°ã©ããå·¦ãæ£ã°ã©ããå³è»¸ã«å²ãã¤ã 628 // æãç·ãåé¢ã«æç»ãããããæ£ã°ã©ãããå ã«é åã«
628è¨å®ãã¦ããã 629 if( i < (gtablerow/2) ) { 630 type_local = GRAPH_TYPE_COLUMN_HIGHCHART; 631 var tooltip = {"valueSuffix":rightunittext_axis}; 632 633 json_data[gtablerow-1-i] ={"name":affiliate[gtablerow-1-i], "data":data[gtablerow-1-i], "color":color[gtablerow-1-i], "type": type_local, "tooltip":tooltip, "animation": ganimation, "yAxis": rightAxisID, "zIndex": 1}; 634 } else { 635 type_local = GRAPH_TYPE_LINE_HIGHCHART; 636 var tooltip = {"valueSuffix":leftunittext_axis}; 637 json_data[gtablerow-1-i] ={"name":affiliate[gtablerow-1-i], "data":data[gtablerow-1-i], "color":color[gtablerow-1-i], "type": type_local, "tooltip":tooltip, "animation": ganimation, "yAxis" : leftAxisID, "zIndex": 2}; 638 } 639 } else if (gtype == GRAPH_TYPE_COMPLEX_HIGHCHART_TYPE2) { 640 // è¤åã°ã©ã type2 641 // ãã¼ã¿ç³»åã®ä¸ååãæ£ã°ã©ããä¸ååãæãç·ã°ã©ãã¨ããã 642 // å²ãåããªãå ´åã¯ãæãç·ã°ã©ãã表示ããã 643 // 軸ã¯ãæ£ã°ã©ããå·¦ãæãç·ã°ã©ããå³è»¸ã«å²ãã¤ã 644 if( i+1 > Math.ceil(gtablerow/2) ) { 645 type_local = GRAPH_TYPE_COLUMN_HIGHCHART; 646 var tooltip = {"valueSuffix":leftunittext_axis}; 647 648 json_data[gtablerow-1-i] ={"name":affiliate[gtablerow-1-i], "data":data[gtablerow-1-i], "color":color[gtablerow-1-i], "type": type_local, "tooltip":tooltip, "animation": ganimation, "yAxis": leftAxisID, "zIndex": 1}; 649 } else { 650 type_local = GRAPH_TYPE_LINE_HIGHCHART; 651 var tooltip = {"valueSuffix":rightunittext_axis}; 652 json_data[gtablerow-1-i] ={"name":affiliate[gtablerow-1-i], "data":data[gtablerow-1-i], "color":color[gtablerow-1-i], "type": type_local, "tooltip":tooltip, "animation": ganimation, "yAxis" : rightAxisID, "zIndex": 2}; 653 } 654 } else if(gtype == GRAPH_TYPE_COLUMN_QUARTER_HIGHCHART) { 655 // 2018年追å 656 // æ£ã°ã©ãï¼ååæï¼ 657 type_local = GRAPH_TYPE_COLUMN_HIGHCHART; 658 659 var series_data = []; 660 for(var j=0; j<gtablecolumn; j++) { 661 if (label[j]) { 662 // å¤ãåå¨ããå ´åã«æ¹è¡ãèªã¿æ¿ã 663 label[j] =label[j].replace(/\n/g,"<br>"); 664 } 665 // ãã¼ã¿ãã¨ã«è²ãè¨å®ãã 666 if(j == gtablecolumn - 1) { 667 series_data[j] = {"name":label[j], "y":data[i][j],"color":color[i+4]}; 668 } else { 669 series_data[j] = {"name":label[j], "y":data[i][j],"color":color[i]}; 670 } 671 } 672 var seriesId = teaserCount + "-" + (i+1); 673 674 json_data[i] ={"name":affiliate[i], "data":series_data, "color":color[i], "animation": ganimation, "id":seriesId}; 675// json_data[i] ={"name":affiliate[i], "data":series_data, "color":column_quarter_colors[i], "animation": ganimation}; 676 677 } else if(gtype == GRAPH_TYPE_LINE_QUARTER_HIGHCHART) { 678 // 2018年追å 679 // æãç·ã°ã©ãï¼ååæï¼ 680 type_local = GRAPH_TYPE_LINE_HIGHCHART; 681 682 var series_data = []; 683 for(var j=0; j<gtablecolumn; j++) { 684 if (label[j]) { 685 // å¤ãåå¨ããå ´åã«æ¹è¡ãèªã¿æ¿ã 686 label[j] =label[j].replace(/\n/g,"<br>"); 687 } 688 // ãã¼ã¿ãã¨ã«è²ãè¨å®ãã 689 if(j == gtablecolumn - 1) { 690 series_data[j] = {"name":label[j], "y":data[i][j],"color":color[i+4]}; 691 } else { 692 series_data[j] = {"name":label[j], "y":data[i][j],"color":color[i]}; 693 } 694 } 695 var seriesId = teaserCount + "-" + (i+1); 696 697 json_data[i] ={"name":affiliate[i], "data":series_data, "color":color[i], "animation": ganimation, "id":seriesId}; 698// json_data[i] ={"name":affiliate[i], "data":series_data, "color":column_quarter_colors[i], "animation": ganimation}; 699 700 } else if(gtype == GRAPH_TYPE_HAITOU_HIGHCHART) { 701 // 2018年追å 702 // é å½é 703 704 // labelã®æ¹è¡èªã¿æ¿ã 705 if (i==0) { 706 for(var j=0; j<data[i].length ; j++) { 707 if (label[j]) {
708 // å¤ãåå¨ããå ´åã«æ¹è¡ãèªã¿æ¿ã 709 label[j] =label[j].replace(/\n/g,"<br>"); 710 } 711 } 712 } 713 714 if( i < gtablerow - 1) { 715 type_local = GRAPH_TYPE_COLUMN_HIGHCHART; 716 717 // äºæ³å¹´(æå¾ã®å)ã®åæã®é å½éãå ç® 718 var tmp = data[i]; 719 var tmpData = tmp[tmp.length-1]; 720 haitou = haitou + tmpData; 721 tmp[tmp.length-1] = null; 722 723 // åæã®é å½ããã¹ã¦0ãã©ãã夿 724 var hasValue = false; 725 for (var j=0; j<data[i].length; j++) { 726 if (data[i][j] > 0) { 727 hasValue = true; 728 } 729 } 730 731 var tooltip = {"valueSuffix":rightunittext_axis, "shared": true}; 732 //label[i] =label[i].replace(/\n/g,"<br>"); 733 json_data[i] ={"name":affiliate[i], "data":data[i], "type": type_local,"color":color[i], "stacking": "normal", "stack": 0, "tooltip":tooltip, "animation": ganimation, "yAxis": leftAxisID, "zIndex": 1, "visible": hasValue}; 734 735 } else { // é 彿§å 736 type_local = GRAPH_TYPE_LINE_HIGHCHART; 737 var tooltip = {"valueSuffix":leftunittext_axis, "shared": true}; 738 // é 彿§å 739 json_data[i + 1] ={"name":affiliate[i], "data":data[i], "type": type_local,"color":color[i + 1], "tooltip":tooltip, "animation": ganimation, "yAxis" : rightAxisID, "zIndex": 2}; 740 741 // äºæ³ 742 var series_data = []; 743 for(var j=0; j<data[i].length ; j++) { 744 if (j==data[i].length-1) { 745 series_data[j] = {"y":haitou}; 746 } else { 747 series_data[j] = {"y":null}; 748 } 749 } 750// label[i] =label[i].replace(/\n/g,"<br>"); 751// label[i+1] =label[i+1].replace(/\n/g,"<br>"); 752// json_data[i] ={"name":'é å½äºæ³', "data":series_data, "type": GRAPH_TYPE_COLUMN_HIGHCHART,"color":color[i], "stacking": "normal", "stack": 0, "tooltip":tooltip, "animation": ganimation, "yAxis" : rightAxisID, "zIndex": 1}; 753 json_data[i] ={"name":'é å½äºæ³', "data":series_data, "type": GRAPH_TYPE_COLUMN_HIGHCHART,"color":color[i], "stacking": "normal", "stack": 0, "tooltip":tooltip, "animation": ganimation, "yAxis" : leftAxisID, "zIndex": 1}; 754 } 755 } else { 756 // ãã®ä»ã®ã°ã©ãç¨®å¥ 757 json_data[i] ={"name":affiliate[i], "data":data[i], "color":color[i], "animation": ganimation}; 758 } 759 } 760 761 // â tooltip ãã¼ã¿ãçæ 762 if(gtype == GRAPH_TYPE_COMPLEX_HIGHCHART || gtype == GRAPH_TYPE_COMPLEX_HIGHCHART_TYPE2) { 763 //è¤åã°ã©ãã¯ããã¼ã«ãããã«2ã¤ã®ãã¼ã¿ãæç» 764 json_tooltip={"shared": true}; 765 } else if(gtype == GRAPH_TYPE_COLUMN_QUARTER_HIGHCHART || gtype == GRAPH_TYPE_LINE_QUARTER_HIGHCHART) { 766 //å ã«ã»ããããå¤ã使ç¨ããã 767 } else { 768 //ãã¼ã«ãããå ã«ç³»ååãå¤ãåä½ãæç» 769 // å°æ°ã¯ä¸¸ããªãã§åºåãããï¼æ¡åºåãã®ã»ãã¬ã¼ã¿ï¼ã«ã³ãï¼ã¯ãã¼ããã¡ã¤ã«å ã§è¨å®ããã 770 json_tooltip={"pointFormat": "{series.name}: <b>{point.y} " + tooltip_unitlabel + "</b>"}; 771 } 772 773 // â ã°ã©ãçæ 774 775 if(gtype == GRAPH_TYPE_HAITOU_HIGHCHART) { 776 // é å½é 777 Highcharts.theme = theme_haitou; 778 Highcharts.setOptions(theme_haitou); 779 780 chart = jQuery('#'+id).highcharts({ 781 //ã¯ã¬ã¸ãããé表示 782 credits: { 783 enabled: false 784 }, 785 title: { text: gtitle}, 786 chart: { 787 // æå¤§å¤ãæå°å¤ã®æå¹/ç¡å¹æå® 788 alignTicks:alignTicks, 789 // ã°ã©ãã®ç¸¦ã横æå® 790 inverted: inverted_local, 791 // ã¢ãã¡ã¼ã·ã§ã³ã®æå¹/ç¡å¹ 792 animation: ganimation, 793 // ã°ã©ãã®å¤§ãã 794 width: gwidth, 795 height: gheight, 796 // ã°ã©ãç¨®å¥ 797 type: type_local, 798 // ã°ã©ãèæ¯è²
799 plotBackgroundColor: gbackcolor 800 }, 801 legend: { 802 // ç³»åè¡¨ç¤ºã®æå¹/ç¡å¹ 803 enabled: glegend 804 }, 805 xAxis: { 806 // Xæã©ãã« 807 categories: label 808 }, 809 // Y軸æ å ±è¨å® 810 yAxis: json_Axis, 811 812 // tooltipæ å ±è¨å® 813 tooltip: { 814 formatter: function () { 815 var header = this.series.name; 816 var s = '<b>' + header + '</b>'; 817 var decimal = 2; 818 if (header == 'é 彿§å') { 819 decimal = 1; 820 } 821 var value = String(this.y.toFixed(decimal)).replace( /(\d)(?=(\d\d\d)+(?!\d))/g, '$1,'); 822 s += '<br/>' + value; 823 return s; 824 } 825 }, 826 827 // ã°ã©ããã¼ã¿è¨å® 828 series : json_data, 829 // ã°ã©ãå³ä¸ã®å¤é¨åºåãã¿ã³è¨å® 830 exporting: { 831 enabled: true 832 }, 833 navigation: { 834 buttonOptions: { 835 enabled: true, 836 y: -10 837 } 838 } 839 }); 840 } else if(gtype == GRAPH_TYPE_COLUMN_QUARTER_HIGHCHART) { 841 // æ£ã°ã©ã(ååæ) 842 Highcharts.theme = theme_column_quarter; 843 Highcharts.setOptions(theme_column_quarter); 844 845 chart = jQuery('#'+id).highcharts({ 846 //ã¯ã¬ã¸ãããé表示 847 credits: { 848 enabled: false 849 }, 850 title: { text: gtitle}, 851 chart: { 852 // æå¤§å¤ãæå°å¤ã®æå¹/ç¡å¹æå® 853 alignTicks:alignTicks, 854 // ã°ã©ãã®ç¸¦ã横æå® 855 inverted: inverted_local, 856 // ã¢ãã¡ã¼ã·ã§ã³ã®æå¹/ç¡å¹ 857 animation: ganimation, 858 // ã°ã©ãã®å¤§ãã 859 width: gwidth, 860 height: gheight, 861 // ã°ã©ãç¨®å¥ 862 type: type_local, 863 // ã°ã©ãèæ¯è²
864 plotBackgroundColor: gbackcolor 865 }, 866 xAxis: { 867 // Xæã©ãã« 868 categories: label 869 }, 870 // Y軸æ å ±è¨å® 871 yAxis: json_Axis, 872 873 // tooltipæ å ±è¨å® 874 tooltip: { 875 formatter: function () { 876 var header = this.series.name; 877 878 var s = '<b>' + header + '</b>'; 879 var value = String(this.y.toFixed(0)).replace( /(\d)(?=(\d\d\d)+(?!\d))/g, '$1,'); 880 s += '<br/>' + this.x.replace("<br>","") + ': ' + value; 881 return s; 882 } 883 }, 884 885 // ã°ã©ããã¼ã¿è¨å® 886 series : json_data, 887 // ã°ã©ãå³ä¸ã®å¤é¨åºåãã¿ã³è¨å® 888 exporting: { 889 enabled: true 890 }, 891 navigation: { 892 buttonOptions: { 893 enabled: true, 894 y: -10 895 } 896 } 897 }); 898 tickAmount('#'+id); 899 m_setLegend('#'+id, teaserCount, m_series1LatestColor, m_series2LatestColor, m_series3LatestColor, m_series4LatestColor); 900 } else if(gtype == GRAPH_TYPE_LINE_QUARTER_HIGHCHART) { 901 // æãç·ã°ã©ã(ååæ) 902 Highcharts.theme = theme_line_quarter; 903 Highcharts.setOptions(theme_line_quarter); 904 905 chart = jQuery('#'+id).highcharts({ 906 //ã¯ã¬ã¸ãããé表示 907 credits: { 908 enabled: false 909 }, 910 title: { text: gtitle}, 911 chart: { 912 // æå¤§å¤ãæå°å¤ã®æå¹/ç¡å¹æå® 913 alignTicks:alignTicks, 914 // ã°ã©ãã®ç¸¦ã横æå® 915 inverted: inverted_local, 916 // ã¢ãã¡ã¼ã·ã§ã³ã®æå¹/ç¡å¹ 917 animation: ganimation, 918 // ã°ã©ãã®å¤§ãã 919 width: gwidth, 920 height: gheight, 921 // ã°ã©ãç¨®å¥ 922 type: type_local, 923 // ã°ã©ãèæ¯è²
924 plotBackgroundColor: gbackcolor 925 }, 926 xAxis: { 927 // Xæã©ãã« 928 categories: label 929 }, 930 // Y軸æ å ±è¨å® 931 yAxis: json_Axis, 932 933 // tooltipæ å ±è¨å® 934 tooltip: { 935 formatter: function () { 936 var header = this.series.name; 937 938 var s = '<b>' + header + '</b>'; 939 var value = String(this.y.toFixed(0)).replace( /(\d)(?=(\d\d\d)+(?!\d))/g, '$1,'); 940 s += '<br/>' + this.x.replace("<br>","") + ': ' + value; 941 return s; 942 } 943 }, 944 945 // ã°ã©ããã¼ã¿è¨å® 946 series : json_data, 947 // ã°ã©ãå³ä¸ã®å¤é¨åºåãã¿ã³è¨å® 948 exporting: { 949 enabled: true 950 }, 951 navigation: { 952 buttonOptions: { 953 enabled: true, 954 y: -10 955 } 956 } 957 }); 958 tickAmount('#'+id); 959 m_setLegend('#'+id, teaserCount, m_series1LatestColor, m_series2LatestColor, m_series3LatestColor, m_series4LatestColor); 960 } else { 961 // é å½éã»æ£ã°ã©ã(ååæ)ä»¥å¤ 962 chart = jQuery('#'+id).highcharts({ 963 //ã¯ã¬ã¸ãããé表示 964 credits: { 965 enabled: false 966 }, 967 title: { text: gtitle}, 968 chart: { 969 // æå¤§å¤ãæå°å¤ã®æå¹/ç¡å¹æå® 970 alignTicks:alignTicks, 971 // ã°ã©ãã®ç¸¦ã横æå® 972 inverted: inverted_local, 973 // ã¢ãã¡ã¼ã·ã§ã³ã®æå¹/ç¡å¹ 974 animation: ganimation, 975 // ã°ã©ãã®å¤§ãã 976 width: gwidth, 977 height: gheight, 978 // ã°ã©ãç¨®å¥ 979 type: type_local, 980 // ã°ã©ãèæ¯è²
981 plotBackgroundColor: gbackcolor 982 }, 983 legend: { 984 // ç³»åè¡¨ç¤ºã®æå¹/ç¡å¹ 985 enabled: glegend 986 }, 987 xAxis: { 988 // Xæã©ãã« 989 categories: label 990 }, 991 // Y軸æ å ±è¨å® 992 yAxis: json_Axis, 993 994 // tooltipæ å ±è¨å® 995 tooltip:json_tooltip, 996 plotOptions: { 997 pie: { 998 // åã°ã©ãæã«ç³»åè¡¨ç¤ºã®æå¹/ç¡å¹è¨å® 999 showInLegend: glegend, 1000/* 1001 dataLabels: { 1002 formatter: function() { 1003 var split = String(this.y).split("."); 1004 if (split.length == 1) { 1005 return split[0].replace( /(\d)(?=(\d\d\d)+(?!\d))/g, '$1,'); 1006 } else { 1007 return split[0].replace( /(\d)(?=(\d\d\d)+(?!\d))/g, '$1,') + "." + split[1]; 1008 } 1009 } 1010 }, 1011*/ 1012 // åã°ã©ãã®è²è¨å® 1013 color: color 1014 }, 1015 }, 1016 // ã°ã©ããã¼ã¿è¨å® 1017 series : json_data, 1018 // ã°ã©ãå³ä¸ã®å¤é¨åºåãã¿ã³è¨å® 1019 exporting: { 1020 enabled: true 1021 }, 1022 navigation: { 1023 buttonOptions: { 1024 enabled: true, 1025 y: -10 1026 } 1027 } 1028 }); 1029 } 1030 1031} 1032
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.