1 2 /* SPARKLINES */ 3 4 function init_sparklines() { 5 6 if(typeof (jQuery.fn.sparkline) === 'undefined'){ return; } 7 console.log('init_sparklines'); 8 9 10 $(".sparkline_one").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 4, 5, 6, 3, 5, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], { 11 type: 'bar', 12 height: '125', 13 barWidth: 13, 14 colorMap: { 15 '7': '#a1a1a1' 16 }, 17 barSpacing: 2, 18 barColor: '#26B99A' 19 }); 20 21 22 $(".sparkline_two").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], { 23 type: 'bar', 24 height: '40', 25 barWidth: 9, 26 colorMap: { 27 '7': '#a1a1a1' 28 }, 29 barSpacing: 2, 30 barColor: '#26B99A' 31 }); 32 33 34 $(".sparkline_three").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], { 35 type: 'line', 36 width: '200', 37 height: '40', 38 lineColor: '#26B99A', 39 fillColor: 'rgba(223, 223, 223, 0.57)', 40 lineWidth: 2, 41 spotColor: '#26B99A', 42 minSpotColor: '#26B99A' 43 }); 44 45 46 $(".sparkline11").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 6, 2, 4, 3, 4, 5, 4, 5, 4, 3], { 47 type: 'bar', 48 height: '40', 49 barWidth: 8, 50 colorMap: { 51 '7': '#a1a1a1' 52 }, 53 barSpacing: 2, 54 barColor: '#26B99A' 55 }); 56 57 58 $(".sparkline22").sparkline([2, 4, 3, 4, 7, 5, 4, 3, 5, 6, 2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 6], { 59 type: 'line', 60 height: '40', 61 width: '200', 62 lineColor: '#26B99A', 63 fillColor: '#ffffff', 64 lineWidth: 3, 65 spotColor: '#34495E', 66 minSpotColor: '#34495E' 67 }); 68 69 70 $(".sparkline_bar").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 4, 5, 6, 3, 5], { 71 type: 'bar', 72 colorMap: { 73 '7': '#a1a1a1' 74 }, 75 barColor: '#26B99A' 76 }); 77 78 79 $(".sparkline_area").sparkline([5, 6, 7, 9, 9, 5, 3, 2, 2, 4, 6, 7], { 80 type: 'line', 81 lineColor: '#26B99A', 82 fillColor: '#26B99A', 83 spotColor: '#4578a0', 84 minSpotColor: '#728fb2', 85 maxSpotColor: '#6d93c4', 86 highlightSpotColor: '#ef5179', 87 highlightLineColor: '#8ba8bf', 88 spotRadius: 2.5, 89 width: 85 90 }); 91 92 93 $(".sparkline_line").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 4, 5, 6, 3, 5], { 94 type: 'line', 95 lineColor: '#26B99A', 96 fillColor: '#ffffff', 97 width: 85, 98 spotColor: '#34495E', 99 minSpotColor: '#34495E' 100 }); 101 102 103 $(".sparkline_pie").sparkline([1, 1, 2, 1], { 104 type: 'pie', 105 sliceColors: ['#26B99A', '#ccc', '#75BCDD', '#D66DE2'] 106 }); 107 108 109 $(".sparkline_discreet").sparkline([4, 6, 7, 7, 4, 3, 2, 1, 4, 4, 2, 4, 3, 7, 8, 9, 7, 6, 4, 3], { 110 type: 'discrete', 111 barWidth: 3, 112 lineColor: '#26B99A', 113 width: '85', 114 }); 115 116 117 }; 118 119 120 function init_echarts() { 121 122 if( typeof (echarts) === 'undefined'){ return; } 123 console.log('init_echarts'); 124 125 126 var theme = { 127 color: [ 128 '#26B99A', '#34495E', '#fa6342', '#3498DB', 129 '#8c6ad2', '#8abb6f', '#759c6a', '#bfd3b7' 130 ], 131 132 title: { 133 itemGap: 8, 134 textStyle: { 135 fontWeight: 'normal', 136 color: '#535165' 137 } 138 }, 139 140 dataRange: { 141 color: ['#1f610a', '#97b58d'] 142 }, 143 144 toolbox: { 145 color: ['#408829', '#408829', '#408829', '#408829'] 146 }, 147 148 tooltip: { 149 backgroundColor: 'rgba(0,0,0,0.5)', 150 axisPointer: { 151 type: 'line', 152 lineStyle: { 153 color: '#408829', 154 type: 'dashed' 155 }, 156 crossStyle: { 157 color: '#408829' 158 }, 159 shadowStyle: { 160 color: 'rgba(200,200,200,0.3)' 161 } 162 } 163 }, 164 165 dataZoom: { 166 dataBackgroundColor: '#eee', 167 fillerColor: 'rgba(64,136,41,0.2)', 168 handleColor: '#408829' 169 }, 170 grid: { 171 borderWidth: 0 172 }, 173 174 categoryAxis: { 175 axisLine: { 176 lineStyle: { 177 color: '#408829' 178 } 179 }, 180 splitLine: { 181 lineStyle: { 182 color: ['#eee'] 183 } 184 } 185 }, 186 187 valueAxis: {
188 axisLine: { 189 lineStyle: { 190 color: '#408829' 191 } 192 }, 193 splitArea: { 194 show: true, 195 areaStyle: { 196 color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)'] 197 } 198 }, 199 splitLine: { 200 lineStyle: { 201 color: ['#eee'] 202 } 203 } 204 }, 205 timeline: { 206 lineStyle: { 207 color: '#408829' 208 }, 209 controlStyle: { 210 normal: {color: '#408829'}, 211 emphasis: {color: '#408829'} 212 } 213 }, 214 215 k: { 216 itemStyle: { 217 normal: { 218 color: '#68a54a', 219 color0: '#a9cba2', 220 lineStyle: { 221 width: 1, 222 color: '#408829', 223 color0: '#86b379' 224 } 225 } 226 } 227 }, 228 map: { 229 itemStyle: { 230 normal: { 231 areaStyle: { 232 color: '#ddd' 233 }, 234 label: { 235 textStyle: { 236 color: '#c12e34' 237 } 238 } 239 }, 240 emphasis: { 241 areaStyle: { 242 color: '#99d2dd' 243 }, 244 label: { 245 textStyle: { 246 color: '#c12e34' 247 } 248 } 249 } 250 } 251 }, 252 force: { 253 itemStyle: { 254 normal: { 255 linkStyle: { 256 strokeColor: '#408829' 257 } 258 } 259 } 260 }, 261 chord: { 262 padding: 4, 263 itemStyle: { 264 normal: { 265 lineStyle: { 266 width: 1, 267 color: 'rgba(128, 128, 128, 0.5)' 268 }, 269 chordStyle: { 270 lineStyle: { 271 width: 1, 272 color: 'rgba(128, 128, 128, 0.5)' 273 } 274 } 275 }, 276 emphasis: { 277 lineStyle: { 278 width: 1, 279 color: 'rgba(128, 128, 128, 0.5)' 280 }, 281 chordStyle: { 282 lineStyle: { 283 width: 1, 284 color: 'rgba(128, 128, 128, 0.5)' 285 } 286 } 287 } 288 } 289 }, 290 gauge: { 291 startAngle: 225, 292 endAngle: -45, 293 axisLine: { 294 show: true, 295 lineStyle: { 296 color: [[0.2, '#86b379'], [0.8, '#68a54a'], [1, '#408829']], 297 width: 8 298 } 299 }, 300 axisTick: { 301 splitNumber: 10, 302 length: 12, 303 lineStyle: { 304 color: 'auto' 305 } 306 }, 307 axisLabel: { 308 textStyle: { 309 color: 'auto' 310 } 311 }, 312 splitLine: { 313 length: 18, 314 lineStyle: { 315 color: 'auto' 316 } 317 }, 318 pointer: { 319 length: '90%', 320 color: 'auto' 321 }, 322 title: { 323 textStyle: { 324 color: '#333' 325 } 326 }, 327 detail: { 328 textStyle: { 329 color: 'auto' 330 } 331 } 332 }, 333 textStyle: { 334 fontFamily: 'Arial, Verdana, sans-serif' 335 } 336 }; 337 338 339 //echart Bar 340 341 if ($('#mainb').length ){ 342 343 var echartBar = echarts.init(document.getElementById('mainb'), theme); 344 345 echartBar.setOption({ 346 title: { 347 text: 'Graph title', 348 subtext: 'Graph Sub-text' 349 }, 350 tooltip: { 351 trigger: 'axis' 352 }, 353 legend: { 354 data: ['sales', 'purchases'] 355 }, 356 toolbox: { 357 show: false 358 }, 359 calculable: false, 360 xAxis: [{ 361 type: 'category', 362 data: ['1?', '2?', '3?', '4?', '5?', '6?', '7?', '8?', '9?', '10?', '11?', '12?'] 363 }], 364 yAxis: [{ 365 type: 'value' 366 }], 367 series: [{ 368 name: 'sales', 369 type: 'bar', 370 data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3], 371 markPoint: { 372 data: [{ 373 type: 'max', 374 name: '???' 375 }, { 376 type: 'min', 377 name: '???' 378 }] 379 }, 380 markLine: { 381 data: [{ 382 type: 'average', 383 name: '???' 384 }] 385 } 386 }, { 387 name: 'purchases', 388 type: 'bar', 389 data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3], 390 markPoint: { 391 data: [{ 392 name: 'sales', 393 value: 182.2, 394 xAxis: 7, 395 yAxis: 183, 396 }, { 397 name: 'purchases', 398 value: 2.3, 399 xAxis: 11, 400 yAxis: 3 401 }] 402 }, 403 markLine: { 404 data: [{ 405 type: 'average', 406 name: '???' 407 }] 408 } 409 }] 410 }); 411 412 } 413 414 415 //echart Line 416 417 if ($('#echart_line').length ){ 418 419 var echartLine = echarts.init(document.getElementById('echart_line'), theme); 420 421 echartLine.setOption({ 422 title: { 423 text: '', 424 subtext: 'Subtitle' 425 }, 426 tooltip: { 427 trigger: 'axis' 428 }, 429 legend: { 430 x: 220, 431 y: 40, 432 data: ['Intent', 'Pre-order', 'Deal'] 433 }, 434 toolbox: { 435 show: true, 436 feature: { 437 magicType: { 438 show: true, 439 title: { 440 line: 'Line', 441 bar: 'Bar',
442 stack: 'Stack', 443 tiled: 'Tiled' 444 }, 445 type: ['line', 'bar', 'stack', 'tiled'] 446 }, 447 restore: { 448 show: true, 449 title: "Restore" 450 }, 451 saveAsImage: { 452 show: true, 453 title: "Save Image" 454 } 455 } 456 }, 457 calculable: true, 458 xAxis: [{ 459 type: 'category', 460 boundaryGap: false, 461 data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] 462 }], 463 yAxis: [{ 464 type: 'value' 465 }], 466 series: [{ 467 name: 'Deal', 468 type: 'line', 469 smooth: true, 470 itemStyle: { 471 normal: { 472 areaStyle: { 473 type: 'default' 474 } 475 } 476 }, 477 data: [10, 12, 21, 54, 260, 830, 710] 478 }, { 479 name: 'Pre-order', 480 type: 'line', 481 smooth: true, 482 itemStyle: { 483 normal: { 484 areaStyle: { 485 type: 'default' 486 } 487 } 488 }, 489 data: [30, 182, 434, 791, 390, 30, 10] 490 }, { 491 name: 'Intent', 492 type: 'line', 493 smooth: true, 494 itemStyle: { 495 normal: { 496 areaStyle: { 497 type: 'default' 498 } 499 } 500 }, 501 data: [1320, 1132, 601, 234, 120, 90, 20] 502 }] 503 }); 504 505 } 506 507 508 509 //echart Bar Horizontal 510 511 if ($('#echart_bar_horizontal').length ){ 512 513 var echartBar = echarts.init(document.getElementById('echart_bar_horizontal'), theme); 514 515 echartBar.setOption({ 516 title: { 517 text: 'Bar Graph', 518 subtext: 'Graph subtitle' 519 }, 520 tooltip: { 521 trigger: 'axis' 522 }, 523 legend: { 524 x: 100, 525 data: ['2015', '2016'] 526 }, 527 toolbox: { 528 show: true, 529 feature: { 530 saveAsImage: { 531 show: true, 532 title: "Save Image" 533 } 534 } 535 }, 536 calculable: true, 537 xAxis: [{ 538 type: 'value', 539 boundaryGap: [0, 0.01] 540 }], 541 yAxis: [{ 542 type: 'category', 543 data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'] 544 }], 545 series: [{ 546 name: '2015', 547 type: 'bar', 548 data: [18203, 23489, 29034, 104970, 131744, 630230] 549 }, { 550 name: '2016', 551 type: 'bar', 552 data: [19325, 23438, 31000, 121594, 134141, 681807] 553 }] 554 }); 555 556 } 557 558 //echart Pie Collapse 559 560 if ($('#echart_pie2').length ){ 561 562 var echartPieCollapse = echarts.init(document.getElementById('echart_pie2'), theme); 563 564 echartPieCollapse.setOption({ 565 tooltip: { 566 trigger: 'item', 567 formatter: "{a} <br/>{b} : {c} ({d}%)" 568 }, 569 legend: { 570 x: 'center', 571 y: 'bottom', 572 data: ['rose1', 'rose2', 'rose3', 'rose4', 'rose5', 'rose6'] 573 }, 574 toolbox: { 575 show: true, 576 feature: { 577 magicType: { 578 show: true, 579 type: ['pie', 'funnel'] 580 }, 581 restore: { 582 show: true, 583 title: "Restore" 584 }, 585 saveAsImage: { 586 show: true, 587 title: "Save Image" 588 } 589 } 590 }, 591 calculable: true, 592 series: [{ 593 name: 'Area Mode', 594 type: 'pie', 595 radius: [25, 90], 596 center: ['50%', 170], 597 roseType: 'area', 598 x: '50%', 599 max: 40, 600 sort: 'ascending', 601 data: [{ 602 value: 10, 603 name: 'rose1' 604 }, { 605 value: 5, 606 name: 'rose2' 607 }, { 608 value: 15, 609 name: 'rose3' 610 }, { 611 value: 25, 612 name: 'rose4' 613 }, { 614 value: 20, 615 name: 'rose5' 616 }, { 617 value: 35, 618 name: 'rose6' 619 }] 620 }] 621 }); 622 623 } 624 625 //echart Donut 626 627 if ($('#echart_donut').length ){ 628 629 var echartDonut = echarts.init(document.getElementById('echart_donut'), theme); 630 631 echartDonut.setOption({ 632 tooltip: { 633 trigger: 'item', 634 formatter: "{a} <br/>{b} : {c} ({d}%)" 635 }, 636 calculable: true, 637 legend: { 638 x: 'center', 639 y: 'bottom', 640 data: ['Direct Access', 'E-mail Marketing', 'Union Ad', 'Video Ads', 'Search Engine'] 641 }, 642 toolbox: { 643 show: true, 644 feature: { 645 magicType: { 646 show: true, 647 type: ['pie', 'funnel'], 648 option: { 649 funnel: { 650 x: '25%', 651 width: '50%', 652 funnelAlign: 'center', 653 max: 1548 654 } 655 } 656 }, 657 restore: { 658 show: true, 659 title: "Restore" 660 }, 661 saveAsImage: { 662 show: true, 663 title: "Save Image" 664 } 665 } 666 }, 667 series: [{ 668 name: 'Access to the resource', 669 type: 'pie', 670 radius: ['35%', '55%'], 671 itemStyle: { 672 normal: { 673 label: { 674 show: true 675 }, 676 labelLine: { 677 show: true 678 } 679 }, 680 emphasis: { 681 label: { 682 show: true, 683 position: 'center', 684 textStyle: { 685 fontSize: '14', 686 fontWeight: 'normal' 687 } 688 } 689 } 690 }, 691 data: [{ 692 value: 335, 693 name: 'Direct Access' 694 }, { 695 value: 310, 696 name: 'E-mail Marketing' 697 }, { 698 value: 234, 699 name: 'Union Ad' 700 }, { 701 value: 135, 702 name: 'Video Ads' 703 }, { 704 value: 1548, 705 name: 'Search Engine' 706 }] 707 }] 708 }); 709 710 } 711 712 //echart Pie 713 714 if ($('#echart_pie').length ){ 715 716 var echartPie = echarts.init(document.getElementById('echart_pie'), theme); 717 718 echartPie.setOption({ 719 tooltip: { 720 trigger: 'item', 721 formatter: "{a} <br/>{b} : {c} ({d}%)" 722 }, 723 legend: { 724 x: 'center', 725 y: 'bottom', 726 data: ['Direct Access', 'E-mail Marketing', 'Union Ad', 'Video Ads', 'Search Engine'] 727 }, 728 toolbox: { 729 show: true, 730 feature: { 731 magicType: { 732 show: true, 733 type: ['pie', 'funnel'], 734 option: { 735 funnel: { 736 x: '25%', 737 width: '50%', 738 funnelAlign: 'left', 739 max: 1548 740 } 741 } 742 }, 743 restore: { 744 show: true, 745 title: "Restore" 746 }, 747 saveAsImage: { 748 show: true, 749 title: "Save Image" 750 } 751 } 752 }, 753 calculable: true, 754 series: [{ 755 name: '访é®æ¥æº', 756 type: 'pie', 757 radius: '55%', 758 center: ['50%', '48%'], 759 data: [{ 760 value: 335, 761 name: 'Direct Access' 762 }, { 763 value: 310, 764 name: 'E-mail Marketing' 765 }, { 766 value: 234, 767 name: 'Union Ad' 768 }, { 769 value: 135, 770 name: 'Video Ads' 771 }, { 772 value: 1548, 773 name: 'Search Engine' 774 }] 775 }] 776 }); 777 778 var dataStyle = { 779 normal: { 780 label: { 781 show: false 782 }, 783 labelLine: { 784 show: false 785 } 786 } 787 }; 788 789 var placeHolderStyle = { 790 normal: { 791 color: 'rgba(0,0,0,0)', 792 label: { 793 show: false 794 }, 795 labelLine: { 796 show: false 797 } 798 }, 799 emphasis: { 800 color: 'rgba(0,0,0,0)' 801 } 802 }; 803 804 } 805 806 //echart Mini Pie 807 808 if ($('#echart_mini_pie').length ){ 809 810 var echartMiniPie = echarts.init(document.getElementById('echart_mini_pie'), theme); 811 812 echartMiniPie .setOption({ 813 title: { 814 text: 'Devices', 815 subtext: 'Computer, Tab, Mobile', 816 sublink: '', 817 x: 'center', 818 y: 'center', 819 itemGap: 20, 820 textStyle: { 821 color: 'rgba(30,144,255,0.8)', 822 fontFamily: '微软é é»', 823 fontSize: 25, 824 fontWeight: 'bolder' 825 } 826 }, 827 tooltip: { 828 show: true, 829 formatter: "{a} <br/>{b} : {c} ({d}%)" 830 }, 831 legend: { 832 orient: 'vertical', 833 x: 30, 834 y: 45, 835 itemGap: 12, 836 data: ['68%Something #1', '29%Something #2', '3%Something #3'], 837 }, 838 toolbox: { 839 show: true, 840 feature: { 841 mark: { 842 show: true 843 }, 844 dataView: { 845 show: true, 846 title: "Text View", 847 lang: [ 848 "Text View", 849 "Close", 850 "Refresh", 851 ], 852 readOnly: false 853 }, 854 restore: { 855 show: true, 856 title: "Restore" 857 }, 858 saveAsImage: { 859 show: true, 860 title: "Save Image" 861 } 862 } 863 }, 864 series: [{ 865 name: '1', 866 type: 'pie', 867 clockWise: false, 868 radius: [105, 130], 869 itemStyle: dataStyle, 870 data: [{ 871 value: 68, 872 name: '68%Something #1' 873 }, { 874 value: 32, 875 name: 'invisible', 876 itemStyle: placeHolderStyle 877 }] 878 }, { 879 name: '2', 880 type: 'pie', 881 clockWise: false, 882 radius: [80, 105], 883 itemStyle: dataStyle, 884 data: [{ 885 value: 29, 886 name: '29%Something #2' 887 }, { 888 value: 71, 889 name: 'invisible', 890 itemStyle: placeHolderStyle 891 }] 892 }, { 893 name: '3', 894 type: 'pie', 895 clockWise: false, 896 radius: [25, 80], 897 itemStyle: dataStyle, 898 data: [{ 899 value: 3, 900 name: '3%Something #3' 901 }, { 902 value: 97, 903 name: 'invisible', 904 itemStyle: placeHolderStyle 905 }] 906 }] 907 }); 908 909 } 910 911 //echart Map 912 913 if ($('#echart_world_map').length ){ 914 915 var echartMap = echarts.init(document.getElementById('echart_world_map'), theme); 916 917 918 echartMap.setOption({ 919 title: { 920 text: 'World Population (2010)', 921 subtext: 'from United Nations, Total population, both sexes combined, as of 1 July (thousands)', 922 x: 'center',
923 y: 'top' 924 }, 925 tooltip: { 926 trigger: 'item', 927 formatter: function(params) { 928 var value = (params.value + '').split('.'); 929 value = value[0].replace(/(\d{1,3})(?=(?:\d{3})+(?!\d))/g, '$1,') + '.' + value[1]; 930 return params.seriesName + '<br/>' + params.name + ' : ' + value; 931 } 932 }, 933 toolbox: { 934 show: true, 935 orient: 'vertical', 936 x: 'right', 937 y: 'center', 938 feature: { 939 mark: { 940 show: true 941 }, 942 dataView: { 943 show: true, 944 title: "Text View", 945 lang: [ 946 "Text View", 947 "Close", 948 "Refresh", 949 ], 950 readOnly: false 951 }, 952 restore: { 953 show: true, 954 title: "Restore" 955 }, 956 saveAsImage: { 957 show: true, 958 title: "Save Image" 959 } 960 } 961 }, 962 dataRange: { 963 min: 0, 964 max: 1000000, 965 text: ['High', 'Low'], 966 realtime: false, 967 calculable: true, 968 color: ['#087E65', '#26B99A', '#CBEAE3'] 969 }, 970 series: [{ 971 name: 'World Population (2010)', 972 type: 'map', 973 mapType: 'world', 974 roam: false, 975 mapLocation: { 976 y: 60 977 }, 978 itemStyle: { 979 emphasis: { 980 label: { 981 show: true 982 } 983 } 984 }, 985 data: [{ 986 name: 'Afghanistan', 987 value: 28397.812 988 }, { 989 name: 'Angola', 990 value: 19549.124 991 }, { 992 name: 'Albania', 993 value: 3150.143 994 }, { 995 name: 'United Arab Emirates', 996 value: 8441.537 997 }, { 998 name: 'Argentina', 999 value: 40374.224 1000 }, { 1001 name: 'Armenia', 1002 value: 2963.496 1003 }, { 1004 name: 'French Southern and Antarctic Lands', 1005 value: 268.065 1006 }, { 1007 name: 'Australia', 1008 value: 22404.488 1009 }, { 1010 name: 'Austria', 1011 value: 8401.924 1012 }, { 1013 name: 'Azerbaijan', 1014 value: 9094.718 1015 }, { 1016 name: 'Burundi', 1017 value: 9232.753 1018 }, { 1019 name: 'Belgium', 1020 value: 10941.288 1021 }, { 1022 name: 'Benin', 1023 value: 9509.798 1024 }, { 1025 name: 'Burkina Faso', 1026 value: 15540.284 1027 }, { 1028 name: 'Bangladesh', 1029 value: 151125.475 1030 }, { 1031 name: 'Bulgaria', 1032 value: 7389.175 1033 }, { 1034 name: 'The Bahamas', 1035 value: 66402.316 1036 }, { 1037 name: 'Bosnia and Herzegovina', 1038 value: 3845.929 1039 }, { 1040 name: 'Belarus', 1041 value: 9491.07 1042 }, { 1043 name: 'Belize', 1044 value: 308.595 1045 }, { 1046 name: 'Bermuda', 1047 value: 64.951 1048 }, { 1049 name: 'Bolivia', 1050 value: 716.939 1051 }, { 1052 name: 'Brazil', 1053 value: 195210.154 1054 }, { 1055 name: 'Brunei', 1056 value: 27.223 1057 }, { 1058 name: 'Bhutan', 1059 value: 716.939 1060 }, { 1061 name: 'Botswana', 1062 value: 1969.341 1063 }, { 1064 name: 'Central African Republic', 1065 value: 4349.921 1066 }, { 1067 name: 'Canada', 1068 value: 34126.24 1069 }, { 1070 name: 'Switzerland', 1071 value: 7830.534 1072 }, { 1073 name: 'Chile', 1074 value: 17150.76 1075 }, { 1076 name: 'China', 1077 value: 1359821.465 1078 }, { 1079 name: 'Ivory Coast', 1080 value: 60508.978 1081 }, { 1082 name: 'Cameroon', 1083 value: 20624.343 1084 }, { 1085 name: 'Democratic Republic of the Congo', 1086 value: 62191.161 1087 }, { 1088 name: 'Republic of the Congo', 1089 value: 3573.024 1090 }, { 1091 name: 'Colombia', 1092 value: 46444.798 1093 }, { 1094 name: 'Costa Rica', 1095 value: 4669.685 1096 }, { 1097 name: 'Cuba', 1098 value: 11281.768 1099 }, { 1100 name: 'Northern Cyprus', 1101 value: 1.468 1102 }, { 1103 name: 'Cyprus', 1104 value: 1103.685 1105 }, { 1106 name: 'Czech Republic', 1107 value: 10553.701 1108 }, { 1109 name: 'Germany', 1110 value: 83017.404 1111 }, { 1112 name: 'Djibouti', 1113 value: 834.036 1114 }, { 1115 name: 'Denmark', 1116 value: 5550.959 1117 }, { 1118 name: 'Dominican Republic', 1119 value: 10016.797 1120 }, { 1121 name: 'Algeria', 1122 value: 37062.82 1123 }, { 1124 name: 'Ecuador', 1125 value: 15001.072 1126 }, { 1127 name: 'Egypt', 1128 value: 78075.705 1129 }, { 1130 name: 'Eritrea', 1131 value: 5741.159 1132 }, { 1133 name: 'Spain', 1134 value: 46182.038 1135 }, { 1136 name: 'Estonia', 1137 value: 1298.533 1138 }, { 1139 name: 'Ethiopia', 1140 value: 87095.281 1141 }, { 1142 name: 'Finland', 1143 value: 5367.693 1144 }, { 1145 name: 'Fiji', 1146 value: 860.559 1147 }, { 1148 name: 'Falkland Islands', 1149 value: 49.581 1150 }, { 1151 name: 'France', 1152 value: 63230.866 1153 }, { 1154 name: 'Gabon', 1155 value: 1556.222 1156 }, { 1157 name: 'United Kingdom', 1158 value: 62066.35 1159 }, { 1160 name: 'Georgia', 1161 value: 4388.674 1162 }, { 1163 name: 'Ghana', 1164 value: 24262.901 1165 }, { 1166 name: 'Guinea', 1167 value: 10876.033 1168 }, { 1169 name: 'Gambia', 1170 value: 1680.64 1171 }, { 1172 name: 'Guinea Bissau', 1173 value: 10876.033 1174 }, { 1175 name: 'Equatorial Guinea', 1176 value: 696.167 1177 }, { 1178 name: 'Greece', 1179 value: 11109.999 1180 }, { 1181 name: 'Greenland', 1182 value: 56.546 1183 }, { 1184 name: 'Guatemala', 1185 value: 14341.576 1186 }, { 1187 name: 'French Guiana', 1188 value: 231.169 1189 }, { 1190 name: 'Guyana', 1191 value: 786.126 1192 }, { 1193 name: 'Honduras', 1194 value: 7621.204 1195 }, { 1196 name: 'Croatia', 1197 value: 4338.027 1198 }, { 1199 name: 'Haiti', 1200 value: 9896.4 1201 }, { 1202 name: 'Hungary', 1203 value: 10014.633 1204 }, { 1205 name: 'Indonesia', 1206 value: 240676.485 1207 }, { 1208 name: 'India', 1209 value: 1205624.648 1210 }, { 1211 name: 'Ireland', 1212 value: 4467.561 1213 }, { 1214 name: 'Iran', 1215 value: 240676.485 1216 }, { 1217 name: 'Iraq', 1218 value: 30962.38 1219 }, { 1220 name: 'Iceland', 1221 value: 318.042 1222 }, { 1223 name: 'Israel', 1224 value: 7420.368 1225 }, { 1226 name: 'Italy', 1227 value: 60508.978 1228 }, { 1229 name: 'Jamaica', 1230 value: 2741.485 1231 }, { 1232 name: 'Jordan', 1233 value: 6454.554 1234 }, { 1235 name: 'Japan', 1236 value: 127352.833 1237 }, { 1238 name: 'Kazakhstan', 1239 value: 15921.127 1240 }, { 1241 name: 'Kenya', 1242 value: 40909.194 1243 }, { 1244 name: 'Kyrgyzstan', 1245 value: 5334.223 1246 }, { 1247 name: 'Cambodia', 1248 value: 14364.931 1249 }, { 1250 name: 'South Korea', 1251 value: 51452.352 1252 }, { 1253 name: 'Kosovo', 1254 value: 97.743 1255 }, { 1256 name: 'Kuwait',
1257 value: 2991.58 1258 }, { 1259 name: 'Laos', 1260 value: 6395.713 1261 }, { 1262 name: 'Lebanon', 1263 value: 4341.092 1264 }, { 1265 name: 'Liberia', 1266 value: 3957.99 1267 }, { 1268 name: 'Libya', 1269 value: 6040.612 1270 }, { 1271 name: 'Sri Lanka', 1272 value: 20758.779 1273 }, { 1274 name: 'Lesotho', 1275 value: 2008.921 1276 }, { 1277 name: 'Lithuania', 1278 value: 3068.457 1279 }, { 1280 name: 'Luxembourg', 1281 value: 507.885 1282 }, { 1283 name: 'Latvia', 1284 value: 2090.519 1285 }, { 1286 name: 'Morocco', 1287 value: 31642.36 1288 }, { 1289 name: 'Moldova', 1290 value: 103.619 1291 }, { 1292 name: 'Madagascar', 1293 value: 21079.532 1294 }, { 1295 name: 'Mexico', 1296 value: 117886.404 1297 }, { 1298 name: 'Macedonia', 1299 value: 507.885 1300 }, { 1301 name: 'Mali', 1302 value: 13985.961 1303 }, { 1304 name: 'Myanmar', 1305 value: 51931.231 1306 }, { 1307 name: 'Montenegro', 1308 value: 620.078 1309 }, { 1310 name: 'Mongolia', 1311 value: 2712.738 1312 }, { 1313 name: 'Mozambique', 1314 value: 23967.265 1315 }, { 1316 name: 'Mauritania', 1317 value: 3609.42 1318 }, { 1319 name: 'Malawi', 1320 value: 15013.694 1321 }, { 1322 name: 'Malaysia', 1323 value: 28275.835 1324 }, { 1325 name: 'Namibia', 1326 value: 2178.967 1327 }, { 1328 name: 'New Caledonia', 1329 value: 246.379 1330 }, { 1331 name: 'Niger', 1332 value: 15893.746 1333 }, { 1334 name: 'Nigeria', 1335 value: 159707.78 1336 }, { 1337 name: 'Nicaragua', 1338 value: 5822.209 1339 }, { 1340 name: 'Netherlands', 1341 value: 16615.243 1342 }, { 1343 name: 'Norway', 1344 value: 4891.251 1345 }, { 1346 name: 'Nepal', 1347 value: 26846.016 1348 }, { 1349 name: 'New Zealand', 1350 value: 4368.136 1351 }, { 1352 name: 'Oman', 1353 value: 2802.768 1354 }, { 1355 name: 'Pakistan', 1356 value: 173149.306 1357 }, { 1358 name: 'Panama', 1359 value: 3678.128 1360 }, { 1361 name: 'Peru', 1362 value: 29262.83 1363 }, { 1364 name: 'Philippines', 1365 value: 93444.322 1366 }, { 1367 name: 'Papua New Guinea', 1368 value: 6858.945 1369 }, { 1370 name: 'Poland', 1371 value: 38198.754 1372 }, { 1373 name: 'Puerto Rico', 1374 value: 3709.671 1375 }, { 1376 name: 'North Korea', 1377 value: 1.468 1378 }, { 1379 name: 'Portugal', 1380 value: 10589.792 1381 }, { 1382 name: 'Paraguay', 1383 value: 6459.721 1384 }, { 1385 name: 'Qatar', 1386 value: 1749.713 1387 }, { 1388 name: 'Romania', 1389 value: 21861.476 1390 }, { 1391 name: 'Russia', 1392 value: 21861.476 1393 }, { 1394 name: 'Rwanda', 1395 value: 10836.732 1396 }, { 1397 name: 'Western Sahara', 1398 value: 514.648 1399 }, { 1400 name: 'Saudi Arabia', 1401 value: 27258.387 1402 }, { 1403 name: 'Sudan', 1404 value: 35652.002 1405 }, { 1406 name: 'South Sudan', 1407 value: 9940.929 1408 }, { 1409 name: 'Senegal', 1410 value: 12950.564 1411 }, { 1412 name: 'Solomon Islands', 1413 value: 526.447 1414 }, { 1415 name: 'Sierra Leone', 1416 value: 5751.976 1417 }, { 1418 name: 'El Salvador', 1419 value: 6218.195 1420 }, { 1421 name: 'Somaliland', 1422 value: 9636.173 1423 }, { 1424 name: 'Somalia', 1425 value: 9636.173 1426 }, { 1427 name: 'Republic of Serbia', 1428 value: 3573.024 1429 }, { 1430 name: 'Suriname', 1431 value: 524.96 1432 }, { 1433 name: 'Slovakia', 1434 value: 5433.437 1435 }, { 1436 name: 'Slovenia', 1437 value: 2054.232 1438 }, { 1439 name: 'Sweden', 1440 value: 9382.297 1441 }, { 1442 name: 'Swaziland', 1443 value: 1193.148 1444 }, { 1445 name: 'Syria', 1446 value: 7830.534 1447 }, { 1448 name: 'Chad', 1449 value: 11720.781 1450 }, { 1451 name: 'Togo', 1452 value: 6306.014 1453 }, { 1454 name: 'Thailand', 1455 value: 66402.316 1456 }, { 1457 name: 'Tajikistan', 1458 value: 7627.326 1459 }, { 1460 name: 'Turkmenistan', 1461 value: 5041.995 1462 }, { 1463 name: 'East Timor', 1464 value: 10016.797 1465 }, { 1466 name: 'Trinidad and Tobago', 1467 value: 1328.095 1468 }, { 1469 name: 'Tunisia', 1470 value: 10631.83 1471 }, { 1472 name: 'Turkey', 1473 value: 72137.546 1474 }, { 1475 name: 'United Republic of Tanzania', 1476 value: 44973.33 1477 }, { 1478 name: 'Uganda', 1479 value: 33987.213 1480 }, { 1481 name: 'Ukraine', 1482 value: 46050.22 1483 }, { 1484 name: 'Uruguay', 1485 value: 3371.982 1486 }, { 1487 name: 'United States of America', 1488 value: 312247.116 1489 }, { 1490 name: 'Uzbekistan', 1491 value: 27769.27 1492 }, { 1493 name: 'Venezuela', 1494 value: 236.299 1495 }, { 1496 name: 'Vietnam', 1497 value: 89047.397 1498 }, { 1499 name: 'Vanuatu', 1500 value: 236.299 1501 }, { 1502 name: 'West Bank', 1503 value: 13.565 1504 }, { 1505 name: 'Yemen', 1506 value: 22763.008 1507 }, { 1508 name: 'South Africa', 1509 value: 51452.352 1510 }, { 1511 name: 'Zambia', 1512 value: 13216.985 1513 }, { 1514 name: 'Zimbabwe', 1515 value: 13076.978 1516 }] 1517 }] 1518 }); 1519 1520 } 1521 1522 } 1523 1524 /* SPARKLINES */ 1525 1526 function init_sparklines() { 1527 1528 if(typeof (jQuery.fn.sparkline) === 'undefined'){ return; } 1529 console.log('init_sparklines'); 1530 1531 $(".sparkline_one").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 4, 5, 6, 3, 5, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], { 1532 type: 'bar', 1533 height: '125', 1534 barWidth: 13, 1535 colorMap: { 1536 '7': '#a1a1a1' 1537 }, 1538 barSpacing: 2, 1539 barColor: '#26B99A' 1540 }); 1541 1542 1543 $(".sparkline_two").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], { 1544 type: 'bar', 1545 height: '40', 1546 barWidth: 9, 1547 colorMap: { 1548 '7': '#a1a1a1' 1549 }, 1550 barSpacing: 2, 1551 barColor: '#26B99A' 1552 }); 1553 1554 1555 $(".sparkline_three").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], { 1556 type: 'line', 1557 width: '200', 1558 height: '40', 1559 lineColor: '#a389d4', 1560 fillColor: '', 1561 lineWidth: 2, 1562 spotColor: '#a389d4', 1563 minSpotColor: '#a389d4' 1564 }); 1565 1566 1567 $(".sparkline12").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 6, 4, 4, 3, 4, 5, 4, 5, 4, 3], { 1568 type: 'bar', 1569 height: '40', 1570 barWidth: 6, 1571 colorMap: { 1572 '7': '#a1a1a1' 1573 }, 1574 barSpacing: 2, 1575 barColor: '#a389d4' 1576 }); 1577 1578 $(".sparkline11").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 6, 2, 4, 3, 4, 5, 4, 5, 4, 3], { 1579 type: 'bar', 1580 height: '40', 1581 barWidth: 6, 1582 colorMap: { 1583 '7': '#a1a1a1' 1584 }, 1585 barSpacing: 2, 1586 barColor: '#1de9b6' 1587 }); 1588 1589 $(".sparkline22").sparkline([2, 4, 3, 4, 7, 5, 4, 3, 5, 6, 2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 6], { 1590 type: 'line', 1591 height: '40', 1592 width: '200', 1593 lineColor: '#04a9f5', 1594 fillColor: '#ffffff', 1595 lineWidth: 2, 1596 spotColor: '#fff', 1597 minSpotColor: '#fff' 1598 }); 1599 1600 1601 $(".sparkline_bar").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 4, 5, 6, 3, 5], { 1602 type: 'bar', 1603 height: '40', 1604 barWidth: 6, 1605 colorMap: { 1606 '7': '#a1a1a1' 1607 }, 1608 barSpacing: 2, 1609 barColor: '#04a9f5' 1610 }); 1611 1612 1613 $(".sparkline_area").sparkline([5, 6, 7, 9, 9, 5, 3, 2, 2, 4, 6, 7], { 1614 type: 'line', 1615 lineColor: '#26B99A', 1616 fillColor: '#26B99A', 1617 spotColor: '#4578a0', 1618 minSpotColor: '#728fb2', 1619 maxSpotColor: '#6d93c4', 1620 highlightSpotColor: '#ef5179', 1621 highlightLineColor: '#8ba8bf', 1622 spotRadius: 2.5, 1623 width: 85 1624 }); 1625 1626 1627 $(".sparkline_line").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 4, 5, 6, 3, 5], { 1628 type: 'line', 1629 lineColor: '#1de9b6', 1630 fillColor: '#ffffff', 1631 width: 200, 1632 height: 40, 1633 lineWidth: 2, 1634 spotColor: '#1de9b6', 1635 minSpotColor: '#1de9b6' 1636 }); 1637 1638 1639 $(".sparkline_pie").sparkline([1, 1, 2, 1], { 1640 type: 'pie', 1641 sliceColors: ['#26B99A', '#ccc', '#75BCDD', '#D66DE2'] 1642 }); 1643 1644 1645 $(".sparkline_discreet").sparkline([4, 6, 7, 7, 4, 3, 2, 1, 4, 4, 2, 4, 3, 7, 8, 9, 7, 6, 4, 3], { 1646 type: 'discrete', 1647 barWidth: 3, 1648 lineColor: '#26B99A', 1649 width: '85', 1650 }); 1651 1652 1653 } 1654 $("#quick-visit").sparkline([1,5,2,7,9,6,7,11,9,13,12,15,14,18], { 1655 type: 'line', 1656 width: '94', 1657 height: '40', 1658 lineColor: '#556b8d', 1659 fillColor: '#eef0f3', 1660 minSpotColor: '#556b8d', 1661 maxSpotColor: '#556b8d'});
1662 1663 $("#quick-view").sparkline([6,4,7,2,9,8,2,5,4], { 1664 type: 'line', 1665 width: '94', 1666 height: '40', 1667 lineColor: '#5793de', 1668 fillColor: '#edf3fb', 1669 minSpotColor: '#5793de', 1670 maxSpotColor: '#5793de'}); 1671 1672 $("#quick-page").sparkline([7,3,5,7,8,9,3,5,6], { 1673 type: 'line', 1674 width: '94', 1675 height: '40', 1676 lineColor: '#acb5c6', 1677 fillColor: '#f6f7f9', 1678 minSpotColor: '#acb5c6', 1679 maxSpotColor: '#acb5c6'}); 1680 1681 $("#quick-time").sparkline([7,5,2,6,7,8,5,8,7], { 1682 type: 'line', 1683 width: '94', 1684 height: '40', 1685 lineColor: '#85c744', 1686 fillColor: '#f3f9ec', 1687 minSpotColor: '#85c744', 1688 maxSpotColor: '#85c744'}); 1689 1690 $("#quick-returning").sparkline([4,6,7,8,3,5,8,6,5], { 1691 type: 'line', 1692 width: '94', 1693 height: '40', 1694 lineColor: '#efa335', 1695 fillColor: '#fdf5ea', 1696 minSpotColor: '#efa335', 1697 maxSpotColor: '#efa335'}); 1698 1699 $("#quick-rate").sparkline([2,7,7,11,9,13,12,5,7], { 1700 type: 'line', 1701 width: '94', 1702 height: '40', 1703 lineColor: '#e74c3c', 1704 fillColor: '#fdedeb', 1705 minSpotColor: '#e74c3c', 1706 maxSpotColor: '#e74c3c'}); 1707 1708 // based ready dom, initialize echarts instance 1709 var myChart = echarts.init(document.getElementById('main')); 1710 1711 // Specify configurations and data graphs 1712 var option = { 1713 title : { 1714 text: '', 1715 subtext: '' 1716 }, 1717 tooltip : { 1718 trigger: 'axis' 1719 }, 1720 legend: { 1721 x: 10, 1722 y: 0, 1723 orient: 'horizontal', 1724 data:['Organic visitor','Return visitor'], 1725 }, 1726 1727 xAxis : [ 1728 { 1729 type : 'category', 1730 boundaryGap : false, 1731 data : ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'] 1732 } 1733 ], 1734 yAxis : [ 1735 { 1736 type : 'value', 1737 axisLabel : { 1738 formatter: '{value} ' 1739 } 1740 } 1741 ], 1742 series : [ 1743 { 1744 name:'Organic visitor', 1745 type:'line', 1746 data:[11, 11, 12, 13, 12, 13, 10], 1747 markPoint : { 1748 data : [ 1749 {type : 'max', name: 'Max'}, 1750 {type : 'min', name: 'Min'} 1751 ] 1752 }, 1753 markLine : { 1754 data : [ 1755 {type : 'average', name: 'Average'}, 1756 ] 1757 } 1758 }, 1759 { 1760 name:'Return visitor', 1761 type:'line', 1762 data:[1, 2, 2, 5, 3, 2, 0], 1763 markPoint : { 1764 data : [ 1765 {name : 'Week Low', value : -2, xAxis: 1, yAxis: -1.5} 1766 ] 1767 }, 1768 markLine : { 1769 data : [ 1770 {type : 'average', name : 'Average Value'} 1771 ] 1772 } 1773 } 1774 ] 1775 }; 1776 1777 // Use just the specified configurations and data charts. 1778 myChart.setOption(option); 1779 1780 option = { 1781 xAxis: { 1782 type: 'category', 1783 data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] 1784 }, 1785 yAxis: { 1786 type: 'value' 1787 }, 1788 series: [{ 1789 data: [820, 932, 901, 934, 1290, 1330, 1320], 1790 type: 'line', 1791 smooth: true 1792 }] 1793 }; 1794 1795 $(document).ready(function() { 1796 init_sparklines(); 1797 init_echarts(); 1798 1799 }); 1800 1801
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.