1"use strict"; 2 3!function (NioApp, $) { 4 "use strict"; //////// for developer - User Balance //////// 5 // Avilable options to pass from outside 6 // labels: array, 7 // legend: false - boolean, 8 // dataUnit: string, (Used in tooltip or other section for display) 9 // datasets: [{label : string, color: string (color code with # or other format), data: array}] 10 11 var profileBalance = { 12 labels: ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30"], 13 dataUnit: 'BTC', 14 lineTension: 0.15, 15 datasets: [{ 16 label: "Total Received", 17 color: "#9d72ff", 18 background: NioApp.hexRGB('#9d72ff', .3), 19 data: [111, 80, 125, 75, 95, 75, 90, 111, 80, 125, 75, 95, 75, 90, 111, 80, 125, 75, 95, 75, 90, 111, 80, 125, 75, 95, 75, 90, 75, 90] 20 }] 21 }; 22 23 function lineProfileBalance(selector, set_data) { 24 var $selector = selector ? $(selector) : $('.profile-balance-chart'); 25 $selector.each(function () { 26 var $self = $(this), 27 _self_id = $self.attr('id'), 28 _get_data = typeof set_data === 'undefined' ? eval(_self_id) : set_data; 29 30 var selectCanvas = document.getElementById(_self_id).getContext("2d"); 31 var chart_data = []; 32 33 for (var i = 0; i < _get_data.datasets.length; i++) { 34 chart_data.push({ 35 label: _get_data.datasets[i].label, 36 tension: _get_data.lineTension, 37 backgroundColor: _get_data.datasets[i].background, 38 borderWidth: 2, 39 borderColor: _get_data.datasets[i].color, 40 pointBorderColor: "transparent",
41 pointBackgroundColor: "transparent", 42 pointHoverBackgroundColor: "#fff", 43 pointHoverBorderColor: _get_data.datasets[i].color, 44 pointBorderWidth: 2, 45 pointHoverRadius: 3, 46 pointHoverBorderWidth: 2, 47 pointRadius: 3, 48 pointHitRadius: 3, 49 data: _get_data.datasets[i].data 50 }); 51 } 52 53 var chart = new Chart(selectCanvas, { 54 type: 'line', 55 data: { 56 labels: _get_data.labels, 57 datasets: chart_data 58 }, 59 options: { 60 legend: { 61 display: false 62 }, 63 maintainAspectRatio: false, 64 tooltips: { 65 enabled: true, 66 rtl: NioApp.State.isRTL, 67 callbacks: { 68 title: function title(tooltipItem, data) { 69 return false; 70 }, 71 label: function label(tooltipItem, data) { 72 return data.datasets[tooltipItem.datasetIndex]['data'][tooltipItem['index']] + ' ' + _get_data.dataUnit; 73 } 74 }, 75 backgroundColor: '#1c2b46', 76 titleFontSize: 11, 77 titleFontColor: '#fff', 78 titleMarginBottom: 4, 79 bodyFontColor: '#fff', 80 bodyFontSize: 10, 81 bodySpacing: 3, 82 yPadding: 8, 83 xPadding: 8, 84 footerMarginTop: 0, 85 displayColors: false 86 }, 87 scales: { 88 yAxes: [{ 89 display: false 90 }], 91 xAxes: [{ 92 display: false, 93 ticks: { 94 reverse: NioApp.State.isRTL 95 } 96 }] 97 } 98 } 99 }); 100 }); 101 } // init chart 102 103 104 NioApp.coms.docReady.push(function () { 105 lineProfileBalance(); 106 }); 107 var orderOverview = { 108 labels: ["19 Dec", "20 Dec", "21 Dec", "22 Dec", "23 Dec", "24 Dec", "25 Dec", "26 Dec", "27 Dec", "28 Dec", "29 Dec", "30 Dec", "31 Dec", "01 Jan"], 109 dataUnit: 'USD', 110 datasets: [{ 111 label: "Buy Orders", 112 color: "#8feac5", 113 data: [1740, 2500, 1820, 1200, 1600, 2500, 1820, 1200, 1700, 1820, 1400, 1600, 1930, 2100] 114 }, { 115 label: "Sell Orders", 116 color: "#b695ff", 117 data: [2420, 1820, 3000, 5000, 2450, 1820, 2700, 5000, 2400, 2600, 4000, 2380, 2120, 1700] 118 }] 119 }; 120 121 function orderOverviewChart(selector, set_data) { 122 var $selector = selector ? $(selector) : $('.order-overview-chart'); 123 $selector.each(function () { 124 var $self = $(this), 125 _self_id = $self.attr('id'), 126 _get_data = typeof set_data === 'undefined' ? eval(_self_id) : set_data, 127 _d_legend = typeof _get_data.legend === 'undefined' ? false : _get_data.legend; 128 129 var selectCanvas = document.getElementById(_self_id).getContext("2d"); 130 var chart_data = []; 131 132 for (var i = 0; i < _get_data.datasets.length; i++) { 133 chart_data.push({ 134 label: _get_data.datasets[i].label, 135 data: _get_data.datasets[i].data, 136 // Styles 137 backgroundColor: _get_data.datasets[i].color, 138 borderWidth: 2, 139 borderColor: 'transparent', 140 hoverBorderColor: 'transparent', 141 borderSkipped: 'bottom', 142 barPercentage: .8, 143 categoryPercentage: .6 144 }); 145 } 146 147 var chart = new Chart(selectCanvas, { 148 type: 'bar', 149 data: { 150 labels: _get_data.labels, 151 datasets: chart_data 152 }, 153 options: { 154 legend: { 155 display: _get_data.legend ? _get_data.legend : false, 156 rtl: NioApp.State.isRTL, 157 labels: { 158 boxWidth: 30, 159 padding: 20, 160 fontColor: '#6783b8' 161 } 162 }, 163 maintainAspectRatio: false, 164 tooltips: { 165 enabled: true, 166 rtl: NioApp.State.isRTL, 167 callbacks: { 168 title: function title(tooltipItem, data) { 169 return data.datasets[tooltipItem[0].datasetIndex].label; 170 }, 171 label: function label(tooltipItem, data) { 172 return data.datasets[tooltipItem.datasetIndex]['data'][tooltipItem['index']] + ' ' + _get_data.dataUnit; 173 } 174 }, 175 backgroundColor: '#1c2b46', 176 titleFontSize: 13, 177 titleFontColor: '#fff', 178 titleMarginBottom: 6, 179 bodyFontColor: '#fff', 180 bodyFontSize: 12, 181 bodySpacing: 4, 182 yPadding: 10, 183 xPadding: 10, 184 footerMarginTop: 0, 185 displayColors: false 186 }, 187 scales: { 188 yAxes: [{ 189 display: true, 190 stacked: _get_data.stacked ? _get_data.stacked : false, 191 position: NioApp.State.isRTL ? "right" : "left", 192 ticks: { 193 beginAtZero: true, 194 fontSize: 11, 195 fontColor: '#9eaecf', 196 padding: 10, 197 callback: function callback(value, index, values) { 198 return '$ ' + value; 199 }, 200 min: 100, 201 max: 5000, 202 stepSize: 1200 203 }, 204 gridLines: { 205 color: NioApp.hexRGB("#526484", .2), 206 tickMarkLength: 0, 207 zeroLineColor: NioApp.hexRGB("#526484", .2) 208 } 209 }], 210 xAxes: [{ 211 display: true, 212 stacked: _get_data.stacked ? _get_data.stacked : false, 213 ticks: { 214 fontSize: 9, 215 fontColor: '#9eaecf', 216 source: 'auto', 217 padding: 10, 218 reverse: NioApp.State.isRTL 219 }, 220 gridLines: { 221 color: "transparent", 222 tickMarkLength: 0, 223 zeroLineColor: 'transparent' 224 } 225 }] 226 } 227 } 228 }); 229 }); 230 } // init chart 231 232 233 NioApp.coms.docReady.push(function () { 234 orderOverviewChart(); 235 }); 236 var userActivity = { 237 labels: ["01 Nov", "02 Nov", "03 Nov", "04 Nov", "05 Nov", "06 Nov", "07 Nov", "08 Nov", "09 Nov", "10 Nov", "11 Nov", "12 Nov", "13 Nov", "14 Nov", "15 Nov", "16 N
237ov", "17 Nov", "18 Nov", "19 Nov", "20 Nov", "21 Nov"], 238 dataUnit: 'USD', 239 stacked: true, 240 datasets: [{ 241 label: "Direct Join", 242 color: "#b695ff", 243 data: [110, 80, 125, 55, 95, 75, 90, 110, 80, 125, 55, 95, 75, 90, 110, 80, 125, 55, 95, 75, 90] 244 }, { 245 label: "Referral Join", 246 color: "#ccd4ff", 247 data: [125, 55, 95, 75, 90, 110, 80, 125, 55, 95, 75, 90, 110, 80, 125, 55, 95, 75, 90, 75, 90] 248 }] 249 }; 250 251 function userActivityChart(selector, set_data) { 252 var $selector = selector ? $(selector) : $('.usera-activity-chart'); 253 $selector.each(function () { 254 var $self = $(this), 255 _self_id = $self.attr('id'), 256 _get_data = typeof set_data === 'undefined' ? eval(_self_id) : set_data, 257 _d_legend = typeof _get_data.legend === 'undefined' ? false : _get_data.legend; 258 259 var selectCanvas = document.getElementById(_self_id).getContext("2d"); 260 var chart_data = []; 261 262 for (var i = 0; i < _get_data.datasets.length; i++) { 263 chart_data.push({ 264 label: _get_data.datasets[i].label, 265 data: _get_data.datasets[i].data, 266 // Styles 267 backgroundColor: _get_data.datasets[i].color, 268 borderWidth: 2, 269 borderColor: 'transparent', 270 hoverBorderColor: 'transparent', 271 borderSkipped: 'bottom', 272 barPercentage: .7, 273 categoryPercentage: .7 274 }); 275 } 276 277 var chart = new Chart(selectCanvas, { 278 type: 'bar', 279 data: { 280 labels: _get_data.labels, 281 datasets: chart_data 282 }, 283 options: { 284 legend: { 285 display: _get_data.legend ? _get_data.legend : false, 286 rtl: NioApp.State.isRTL, 287 labels: { 288 boxWidth: 30, 289 padding: 20, 290 fontColor: '#6783b8' 291 } 292 }, 293 maintainAspectRatio: false, 294 tooltips: { 295 enabled: true, 296 rtl: NioApp.State.isRTL, 297 callbacks: { 298 title: function title(tooltipItem, data) { 299 return data.datasets[tooltipItem[0].datasetIndex].label; 300 }, 301 label: function label(tooltipItem, data) { 302 return data.datasets[tooltipItem.datasetIndex]['data'][tooltipItem['index']] + ' ' + _get_data.dataUnit; 303 } 304 }, 305 backgroundColor: '#1c2b46', 306 titleFontSize: 13, 307 titleFontColor: '#fff', 308 titleMarginBottom: 6, 309 bodyFontColor: '#fff', 310 bodyFontSize: 12, 311 bodySpacing: 4, 312 yPadding: 10, 313 xPadding: 10, 314 footerMarginTop: 0, 315 displayColors: false 316 }, 317 scales: { 318 yAxes: [{ 319 display: false, 320 stacked: _get_data.stacked ? _get_data.stacked : false, 321 ticks: { 322 beginAtZero: true 323 } 324 }], 325 xAxes: [{ 326 display: false, 327 stacked: _get_data.stacked ? _get_data.stacked : false, 328 ticks: { 329 reverse: NioApp.State.isRTL 330 } 331 }] 332 } 333 } 334 }); 335 }); 336 } // init chart 337 338 339 NioApp.coms.docReady.push(function () { 340 userActivityChart(); 341 }); 342 var coinOverview = { 343 labels: ["Bitcoin", "Ethereum", "NioCoin", "Litecoin", "Bitcoin"], 344 stacked: true, 345 datasets: [{ 346 label: "Buy Orders", 347 color: ["#f98c45", "#b695ff", "#8feac5", "#6b79c8", "#79f1dc"], 348 data: [1740, 2500, 1820, 1200, 1600, 2500] 349 }, { 350 label: "Sell Orders", 351 color: [NioApp.hexRGB('#f98c45', .2), NioApp.hexRGB('#b695ff', .4), NioApp.hexRGB('#8feac5', .4), NioApp.hexRGB('#6b79c8', .4), NioApp.hexRGB('#79f1dc', .4)], 352 data: [2420, 1820, 3000, 5000, 2450, 1820] 353 }] 354 }; 355 356 function coinOverviewChart(selector, set_data) { 357 var $selector = selector ? $(selector) : $('.coin-overview-chart'); 358 $selector.each(function () { 359 var $self = $(this), 360 _self_id = $self.attr('id'), 361 _get_data = typeof set_data === 'undefined' ? eval(_self_id) : set_data, 362 _d_legend = typeof _get_data.legend === 'undefined' ? false : _get_data.legend; 363 364 var selectCanvas = document.getElementById(_self_id).getContext("2d"); 365 var chart_data = []; 366 367 for (var i = 0; i < _get_data.datasets.length; i++) { 368 chart_data.push({ 369 label: _get_data.datasets[i].label, 370 data: _get_data.datasets[i].data, 371 // Styles 372 backgroundColor: _get_data.datasets[i].color, 373 borderWidth: 2, 374 borderColor: 'transparent', 375 hoverBorderColor: 'transparent', 376 borderSkipped: 'bottom', 377 barThickness: '8', 378 categoryPercentage: 0.5, 379 barPercentage: 1.0 380 }); 381 } 382 383 var chart = new Chart(selectCanvas, { 384 type: 'horizontalBar', 385 data: { 386 labels: _get_data.labels, 387 datasets: chart_data 388 }, 389 options: { 390 legend: { 391 display: _get_data.legend ? _get_data.legend : false, 392 rtl: NioApp.State.isRTL, 393 labels: { 394 boxWidth: 30, 395 padding: 20, 396 fontColor: '#6783b8' 397 } 398 }, 399 maintainAspectRatio: false, 400 tooltips: { 401 enabled: true, 402 rtl: NioApp.State.isRTL, 403 callbacks: { 404 title: function title(tooltipItem, data) { 405 return data['labels'][tooltipItem[0]['index']]; 406 }, 407 label: function label(tooltipItem, data) { 408 return data.datasets[tooltipItem.datasetIndex]['data'][tooltipItem['index']] + ' ' + data.datasets[tooltipItem.datasetIndex]['label']; 409 } 410 }, 411 backgroundColor: '#1c2b46', 412 titleFontSize: 13, 413 titleFontColor: '#fff', 414 titleMarginBottom: 6, 415 bodyFontColor: '#fff', 416 bodyFontSize: 12, 417 bodySpacing: 4, 418 yPadding: 10, 419 xPadding: 10, 420 footerMarginTop: 0, 421 displayColors: false 422 }, 423 scales: { 424 yAxes: [{ 425 display: false, 426 stacked: _get_data.stacked ? _get_data.stacked : false, 427 ticks: { 428 beginAtZero: true, 429 padding: 0 430 }, 431 gridLines: { 432 color: NioApp.hexRGB("#526484", .2), 433 tickMarkLength: 0, 434 zeroLineColor: NioApp.hexRGB("#526484", .2) 435 } 436 }], 437 xAxes: [{ 438 display: false, 439 stacked: _get_data.stacked ? _get_data.stacked : false, 440 ticks: { 441 fontSize: 9, 442 fontColor: '#9eaecf', 443 source: 'auto', 444 padding: 0, 445 reverse: NioApp.State.isRTL 446 }, 447 gridLines: { 448 color: "transparent", 449 tickMarkLength: 0, 450 zeroLineColor: 'transparent' 451 } 452 }] 453 } 454 } 455 }); 456 }); 457 } // init chart 458 459 460 NioApp.coms.docReady.push(function () { 461 coinOverviewChart(); 462 }); 463 var salesRevenue = { 464 labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], 465 dataUnit: 'USD', 466 stacked: true, 467 datasets: [{ 468 label: "Sales Revenue", 469 color: [NioApp.hexRGB("#854fff", .2), NioApp.hexRGB("#854fff", .2), NioApp.hexRGB("#854fff", .2), NioApp.hexRGB("#854fff", .2), NioApp.hexRGB("#854fff", .2), NioApp.hexRGB("#854fff", .2), NioApp.hexRGB("#854fff", .2), NioApp.hexRGB("#854fff", .2), NioApp.hexRGB("#854fff", .2), NioApp.hexRGB("#854fff", .2), NioApp.hexRGB("#854fff", .2), "#854fff"], 470 data: [11000, 8000, 12500, 5500, 9500, 14299, 11000, 8000, 12500, 5500, 9500, 14299] 471 }] 472 }; 473 var activeSubscription = { 474 labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], 475 dataUnit: 'USD', 476 stacked: true, 477 datasets: [{ 478 label: "Active User", 479 color: [NioApp.hexRGB("#854fff", .2), NioApp.hexRGB("#854fff", .2), NioApp.hexRGB("#854fff", .2), NioApp.hexRGB("#854fff", .2), NioApp.hexRGB("#854fff", .2), "#854fff"], 480 data: [8200, 7800, 9500, 5500, 9200, 9690] 481 }] 482 }; 483 var totalSubscription = { 484 labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], 485 dataUnit: 'USD', 486 stacked: true, 487 datasets: [{ 488 label: "Active User", 489 color: [NioApp.hexRGB("#aea1ff", .2), NioApp.hexRGB("#aea1ff", .2), NioApp.hexRGB("#aea1ff", .2), NioApp.hexRGB("#aea1ff", .2), NioApp.hexRGB("#aea1ff", .2), "#aea1ff"], 490 data: [8200, 7800, 9500, 5500, 9200, 9690] 491 }] 492 }; 493 494 function salesBarChart(selector, set_data) { 495 var $selector = selector ? $(selector) : $('.sales-bar-chart'); 496 $selector.each(function () { 497 var $self = $(this), 498 _self_id = $self.attr('id'), 499 _get_data = typeof set_data === 'undefined' ? eval(_self_id) : set_data, 500 _d_legend = typeof _get_data.legend === 'undefined' ? false : _get_data.legend; 501 502 var selectCanvas = document.getElementById(_self_id).getContext("2d"); 503 var chart_data = []; 504 505 for (var i = 0; i < _get_data.datasets.length; i++) { 506 chart_data.push({ 507 label: _get_data.datasets[i].label, 508 data: _get_data.datasets[i].data, 509 // Styles 510 backgroundColor: _get_data.datasets[i].color, 511 borderWidth: 2, 512 borderColor: 'transparent', 513 hoverBorderColor: 'transparent', 514 borderSkipped: 'bottom', 515 barPercentage: .7, 516 categoryPercentage: .7 517 }); 518 } 519 520 var chart = new Chart(selectCanvas, { 521 type: 'bar', 522 data: { 523 labels: _get_data.labels, 524 datasets: chart_data 525 }, 526 options: { 527 legend: { 528 display: _get_data.legend ? _get_data.legend : false, 529 rtl: NioApp.State.isRTL, 530 labels: { 531 boxWidth: 30, 532 padding: 20, 533 fontColor: '#6783b8' 534 } 535 }, 536 maintainAspectRatio: false, 537 tooltips: { 538 enabled: true, 539 rtl: NioApp.State.isRTL, 540 callbacks: { 541 title: function title(tooltipItem, data) { 542 return false;
543 }, 544 label: function label(tooltipItem, data) { 545 return data['labels'][tooltipItem['index']] + ' ' + data.datasets[tooltipItem.datasetIndex]['data'][tooltipItem['index']]; 546 } 547 }, 548 backgroundColor: '#1c2b46', 549 titleFontSize: 11, 550 titleFontColor: '#fff', 551 titleMarginBottom: 4, 552 bodyFontColor: '#fff', 553 bodyFontSize: 10, 554 bodySpacing: 3, 555 yPadding: 8, 556 xPadding: 8, 557 footerMarginTop: 0, 558 displayColors: false 559 }, 560 scales: { 561 yAxes: [{ 562 display: false, 563 stacked: _get_data.stacked ? _get_data.stacked : false, 564 ticks: { 565 beginAtZero: true 566 } 567 }], 568 xAxes: [{ 569 display: false, 570 stacked: _get_data.stacked ? _get_data.stacked : false, 571 ticks: { 572 reverse: NioApp.State.isRTL 573 } 574 }] 575 } 576 } 577 }); 578 }); 579 } // init chart 580 581 582 NioApp.coms.docReady.push(function () { 583 salesBarChart(); 584 }); 585 var salesOverview = { 586 labels: salesking_display_settings.earningslabels, 587 dataUnit: salesking_display_settings.currency_symbol, 588 lineTension: 0.1, 589 datasets: [{ 590 label: "Sales Overview", 591 color: salesking_display_settings.hovercolor, 592 background: NioApp.hexRGB(salesking_display_settings.color, .3), 593 data: salesking_display_settings.earningsvalues 594 }] 595 }; 596 597 function lineSalesOverview(selector, set_data) { 598 var $selector = selector ? $(selector) : $('.sales-overview-chart'); 599 $selector.each(function () { 600 var $self = $(this), 601 _self_id = $self.attr('id'), 602 _get_data = typeof set_data === 'undefined' ? eval(_self_id) : set_data; 603 604 var selectCanvas = document.getElementById(_self_id).getContext("2d"); 605 var chart_data = []; 606 607 for (var i = 0; i < _get_data.datasets.length; i++) { 608 chart_data.push({ 609 label: _get_data.datasets[i].label, 610 tension: _get_data.lineTension, 611 backgroundColor: _get_data.datasets[i].background, 612 borderWidth: 2, 613 borderColor: _get_data.datasets[i].color, 614 pointBorderColor: "transparent",
615 pointBackgroundColor: "transparent", 616 pointHoverBackgroundColor: "#fff", 617 pointHoverBorderColor: _get_data.datasets[i].color, 618 pointBorderWidth: 2, 619 pointHoverRadius: 3, 620 pointHoverBorderWidth: 2, 621 pointRadius: 3, 622 pointHitRadius: 3, 623 data: _get_data.datasets[i].data 624 }); 625 } 626 627 var chart = new Chart(selectCanvas, { 628 type: 'line', 629 data: { 630 labels: _get_data.labels, 631 datasets: chart_data 632 }, 633 options: { 634 legend: { 635 display: _get_data.legend ? _get_data.legend : false, 636 rtl: NioApp.State.isRTL, 637 labels: { 638 boxWidth: 30, 639 padding: 20, 640 fontColor: '#6783b8' 641 } 642 }, 643 maintainAspectRatio: false, 644 tooltips: { 645 enabled: true, 646 rtl: NioApp.State.isRTL, 647 callbacks: { 648 title: function title(tooltipItem, data) { 649 return data['labels'][tooltipItem[0]['index']]; 650 }, 651 label: function label(tooltipItem, data) { 652 return _get_data.dataUnit+ data.datasets[tooltipItem.datasetIndex]['data'][tooltipItem['index']]; 653 } 654 }, 655 backgroundColor: '#1c2b46', 656 titleFontSize: 13, 657 titleFontColor: '#fff', 658 titleMarginBottom: 6, 659 bodyFontColor: '#fff', 660 bodyFontSize: 12, 661 bodySpacing: 4, 662 yPadding: 10, 663 xPadding: 10, 664 footerMarginTop: 0, 665 displayColors: false 666 }, 667 scales: { 668 yAxes: [{ 669 display: true, 670 stacked: _get_data.stacked ? _get_data.stacked : false, 671 position: NioApp.State.isRTL ? "right" : "left", 672 ticks: { 673 beginAtZero: true, 674 fontSize: 11, 675 fontColor: '#9eaecf', 676 padding: 10, 677 callback: function callback(value, index, values) { 678 return salesking_display_settings.currency_symbol+' ' + value; 679 }, 680 min: 0, 681 stepSize: 3000 682 }, 683 gridLines: { 684 color: NioApp.hexRGB("#526484", .2), 685 tickMarkLength: 0, 686 zeroLineColor: NioApp.hexRGB("#526484", .2) 687 } 688 }], 689 xAxes: [{ 690 display: true, 691 stacked: _get_data.stacked ? _get_data.stacked : false, 692 ticks: { 693 fontSize: 9, 694 fontColor: '#9eaecf', 695 source: 'auto', 696 padding: 10, 697 reverse: NioApp.State.isRTL 698 }, 699 gridLines: { 700 color: "transparent", 701 tickMarkLength: 0, 702 zeroLineColor: 'transparent' 703 } 704 }] 705 } 706 } 707 }); 708 }); 709 } // init chart 710 711 712 NioApp.coms.docReady.push(function () { 713 lineSalesOverview(); 714 }); 715 var supportStatus = { 716 labels: ["Bitcoin", "Ethereum", "NioCoin", "Feature Request", "Bug Fix"], 717 stacked: true, 718 datasets: [{ 719 label: "Solved", 720 color: ["#f98c45", "#b695ff", "#8feac5", "#6b79c8", "#79f1dc"], 721 data: [66, 74, 92, 142, 189] 722 }, { 723 label: "Open", 724 color: [NioApp.hexRGB('#f98c45', .4), NioApp.hexRGB('#b695ff', .4), NioApp.hexRGB('#8feac5', .4), NioApp.hexRGB('#6b79c8', .4), NioApp.hexRGB('#79f1dc', .4)], 725 data: [66, 74, 92, 32, 26] 726 }, { 727 label: "Pending", 728 color: [NioApp.hexRGB('#f98c45', .2), NioApp.hexRGB('#b695ff', .2), NioApp.hexRGB('#8feac5', .2), NioApp.hexRGB('#6b79c8', .2), NioApp.hexRGB('#79f1dc', .2)], 729 data: [66, 74, 92, 21, 9] 730 }] 731 }; 732 733 function supportStatusChart(selector, set_data) { 734 var $selector = selector ? $(selector) : $('.support-status-chart'); 735 $selector.each(function () { 736 var $self = $(this), 737 _self_id = $self.attr('id'), 738 _get_data = typeof set_data === 'undefined' ? eval(_self_id) : set_data, 739 _d_legend = typeof _get_data.legend === 'undefined' ? false : _get_data.legend; 740 741 var selectCanvas = document.getElementById(_self_id).getContext("2d"); 742 var chart_data = []; 743 744 for (var i = 0; i < _get_data.datasets.length; i++) { 745 chart_data.push({ 746 label: _get_data.datasets[i].label, 747 data: _get_data.datasets[i].data, 748 // Styles 749 backgroundColor: _get_data.datasets[i].color, 750 borderWidth: 2, 751 borderColor: 'transparent', 752 hoverBorderColor: 'transparent', 753 borderSkipped: 'bottom', 754 barThickness: '8', 755 categoryPercentage: 0.5, 756 barPercentage: 1.0 757 }); 758 } 759 760 var chart = new Chart(selectCanvas, { 761 type: 'horizontalBar', 762 data: { 763 labels: _get_data.labels, 764 datasets: chart_data 765 }, 766 options: { 767 legend: { 768 display: _get_data.legend ? _get_data.legend : false, 769 rtl: NioApp.State.isRTL, 770 labels: { 771 boxWidth: 30, 772 padding: 20, 773 fontColor: '#6783b8' 774 } 775 }, 776 maintainAspectRatio: false, 777 tooltips: { 778 enabled: true, 779 rtl: NioApp.State.isRTL, 780 callbacks: { 781 title: function title(tooltipItem, data) { 782 return data['labels'][tooltipItem[0]['index']]; 783 }, 784 label: function label(tooltipItem, data) { 785 return data.datasets[tooltipItem.datasetIndex]['data'][tooltipItem['index']] + ' ' + data.datasets[tooltipItem.datasetIndex]['label']; 786 } 787 }, 788 backgroundColor: '#1c2b46', 789 titleFontSize: 13, 790 titleFontColor: '#fff', 791 titleMarginBottom: 6, 792 bodyFontColor: '#fff', 793 bodyFontSize: 12, 794 bodySpacing: 4, 795 yPadding: 10, 796 xPadding: 10, 797 footerMarginTop: 0, 798 displayColors: false 799 }, 800 scales: { 801 yAxes: [{ 802 display: true, 803 stacked: _get_data.stacked ? _get_data.stacked : false, 804 position: NioApp.State.isRTL ? "right" : "left", 805 ticks: { 806 beginAtZero: true, 807 padding: 16, 808 fontColor: "#8094ae" 809 }, 810 gridLines: { 811 color: "transparent", 812 tickMarkLength: 0, 813 zeroLineColor: 'transparent' 814 } 815 }], 816 xAxes: [{ 817 display: false, 818 stacked: _get_data.stacked ? _get_data.stacked : false, 819 ticks: { 820 fontSize: 9, 821 fontColor: '#9eaecf', 822 source: 'auto', 823 padding: 0, 824 reverse: NioApp.State.isRTL 825 }, 826 gridLines: { 827 color: "transparent", 828 tickMarkLength: 0, 829 zeroLineColor: 'transparent' 830 } 831 }] 832 } 833 } 834 }); 835 }); 836 } // init chart 837 838 839 NioApp.coms.docReady.push(function () { 840 supportStatusChart(); 841 }); 842}(NioApp, jQuery);
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.