1Highcharts.theme = new Array(); 2 3var defaultTheme = Highcharts.getOptions(); 4defaultTheme.colors = ["#8ec3a7", "#dc5356", "#f0cb69", "#8db700", "#0f1ee0", "#f7838f", "#9be8de", 5 "#c3d6f7", "#bd91ed", "#ffe7ba", "#C8A786", "#8fccf2"] 6Highcharts.theme.push($.extend(true, {}, defaultTheme, {})); 7 8/** 9* Dark blue theme for Highcharts JS 10* @author Torstein Honsi 11*/ 12Highcharts.theme.push({ 13 colors: ["#DDDF0D", "#55BF3B", "#DF5353", "#7798BF", "#aaeeee", "#ff0066", "#eeaaee", 14 "#55BF3B", "#DF5353", "#7798BF", "#aaeeee"], 15 chart: { 16 backgroundColor: { 17 linearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 }, 18 stops: [ 19 [0, 'rgb(48, 48, 96)'], 20 [1, 'rgb(0, 0, 0)'] 21 ] 22 }, 23 borderColor: '#000000', 24 borderWidth: 2, 25 className: 'dark-container', 26 plotBackgroundColor: 'rgba(255, 255, 255, .1)', 27 plotBorderColor: '#CCCCCC', 28 plotBorderWidth: 1 29 }, 30 title: { 31 style: { 32 color: '#C0C0C0', 33 font: 'bold 16px "Trebuchet MS", Verdana, sans-serif' 34 } 35 }, 36 subtitle: { 37 style: { 38 color: '#666666', 39 font: 'bold 12px "Trebuchet MS", Verdana, sans-serif' 40 } 41 }, 42 xAxis: { 43 gridLineColor: '#333333', 44 gridLineWidth: 1, 45 labels: { 46 style: { 47 color: '#A0A0A0' 48 } 49 }, 50 lineColor: '#A0A0A0', 51 tickColor: '#A0A0A0', 52 title: { 53 style: { 54 color: '#CCC', 55 fontWeight: 'bold', 56 fontSize: '12px', 57 fontFamily: 'Trebuchet MS, Verdana, sans-serif' 58 59 } 60 } 61 }, 62 yAxis: { 63 gridLineColor: '#333333', 64 labels: { 65 style: { 66 color: '#A0A0A0' 67 } 68 }, 69 lineColor: '#A0A0A0', 70 minorTickInterval: null, 71 tickColor: '#A0A0A0', 72 tickWidth: 1, 73 title: { 74 style: { 75 color: '#CCC', 76 fontWeight: 'bold', 77 fontSize: '12px', 78 fontFamily: 'Trebuchet MS, Verdana, sans-serif' 79 } 80 } 81 }, 82 tooltip: { 83 backgroundColor: 'rgba(0, 0, 0, 0.75)', 84 style: { 85 color: '#F0F0F0' 86 } 87 }, 88 toolbar: { 89 itemStyle: { 90 color: 'silver' 91 } 92 }, 93 plotOptions: { 94 line: { 95 dataLabels: { 96 color: '#CCC' 97 }, 98 marker: { 99 lineColor: '#333' 100 } 101 }, 102 spline: { 103 marker: { 104 lineColor: '#333' 105 } 106 }, 107 scatter: { 108 marker: { 109 lineColor: '#333' 110 } 111 }, 112 candlestick: { 113 lineColor: 'white' 114 } 115 }, 116 legend: { 117 itemStyle: { 118 font: '9pt Trebuchet MS, Verdana, sans-serif', 119 color: '#A0A0A0' 120 }, 121 itemHoverStyle: {
122 color: '#FFF' 123 }, 124 itemHiddenStyle: { 125 color: '#444' 126 } 127 }, 128 credits: { 129 style: { 130 color: '#666' 131 } 132 }, 133 labels: { 134 style: { 135 color: '#CCC' 136 } 137 }, 138 139 navigation: { 140 buttonOptions: { 141 symbolStroke: '#DDDDDD', 142 hoverSymbolStroke: '#FFFFFF', 143 theme: { 144 fill: { 145 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 146 stops: [ 147 [0.4, '#606060'], 148 [0.6, '#333333'] 149 ] 150 }, 151 stroke: '#000000' 152 } 153 } 154 }, 155 156 // scroll charts 157 rangeSelector: { 158 buttonTheme: { 159 fill: { 160 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 161 stops: [ 162 [0.4, '#888'], 163 [0.6, '#555'] 164 ] 165 }, 166 stroke: '#000000', 167 style: { 168 color: '#CCC', 169 fontWeight: 'bold' 170 }, 171 states: { 172 hover: { 173 fill: { 174 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 175 stops: [ 176 [0.4, '#BBB'], 177 [0.6, '#888'] 178 ] 179 }, 180 stroke: '#000000', 181 style: { 182 color: 'white' 183 } 184 }, 185 select: { 186 fill: { 187 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 188 stops: [ 189 [0.1, '#000'], 190 [0.3, '#333'] 191 ] 192 }, 193 stroke: '#000000', 194 style: { 195 color: 'yellow' 196 } 197 } 198 } 199 }, 200 inputStyle: { 201 backgroundColor: '#333', 202 color: 'silver' 203 }, 204 labelStyle: { 205 color: 'silver' 206 } 207 }, 208 209 navigator: { 210 handles: { 211 backgroundColor: '#666', 212 borderColor: '#AAA' 213 }, 214 outlineColor: '#CCC', 215 maskFill: 'rgba(16, 16, 16, 0.5)', 216 series: { 217 color: '#7798BF', 218 lineColor: '#A6C7ED' 219 } 220 }, 221 222 scrollbar: { 223 barBackgroundColor: { 224 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 225 stops: [ 226 [0.4, '#888'], 227 [0.6, '#555'] 228 ] 229 }, 230 barBorderColor: '#CCC', 231 buttonArrowColor: '#CCC', 232 buttonBackgroundColor: { 233 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 234 stops: [ 235 [0.4, '#888'], 236 [0.6, '#555'] 237 ] 238 }, 239 buttonBorderColor: '#CCC', 240 rifleColor: '#FFF', 241 trackBackgroundColor: { 242 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 243 stops: [ 244 [0, '#000'], 245 [1, '#333'] 246 ] 247 }, 248 trackBorderColor: '#666' 249 }, 250 251 // special colors for some of the 252 legendBackgroundColor: 'rgba(0, 0, 0, 0.5)', 253 background2: 'rgb(35, 35, 70)', 254 dataLabelsColor: '#444', 255 textColor: '#C0C0C0', 256 maskColor: 'rgba(255,255,255,0.3)' 257}); 258 259 260/** 261* Dark theme for Highcharts JS 262* @author Torstein Honsi 263*/ 264Highcharts.theme.push({ 265 colors: ["#2b908f", "#90ee7e", "#f45b5b", "#7798BF", "#aaeeee", "#ff0066", "#eeaaee", 266 "#55BF3B", "#DF5353", "#7798BF", "#aaeeee"], 267 chart: { 268 backgroundColor: { 269 linearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 }, 270 stops: [ 271 [0, '#2a2a2b'], 272 [1, '#3e3e40'] 273 ] 274 }, 275 style: { 276 fontFamily: "'Unica One', sans-serif" 277 }, 278 plotBorderColor: '#606063' 279 }, 280 title: { 281 style: { 282 color: '#E0E0E3', 283 textTransform: 'uppercase', 284 fontSize: '20px' 285 } 286 }, 287 subtitle: { 288 style: { 289 color: '#E0E0E3', 290 textTransform: 'uppercase' 291 } 292 }, 293 xAxis: { 294 gridLineColor: '#707073', 295 labels: { 296 style: { 297 color: '#E0E0E3' 298 } 299 }, 300 lineColor: '#707073', 301 minorGridLineColor: '#505053', 302 tickColor: '#707073', 303 title: { 304 style: { 305 color: '#A0A0A3' 306 307 } 308 } 309 }, 310 yAxis: { 311 gridLineColor: '#707073', 312 labels: { 313 style: { 314 color: '#E0E0E3' 315 } 316 }, 317 lineColor: '#707073', 318 minorGridLineColor: '#505053', 319 tickColor: '#707073', 320 tickWidth: 1, 321 title: { 322 style: { 323 color: '#A0A0A3' 324 } 325 } 326 }, 327 tooltip: { 328 backgroundColor: 'rgba(0, 0, 0, 0.85)', 329 style: { 330 color: '#F0F0F0' 331 } 332 }, 333 plotOptions: { 334 series: { 335 dataLabels: { 336 color: '#B0B0B3' 337 }, 338 marker: { 339 lineColor: '#333' 340 } 341 }, 342 boxplot: { 343 fillColor: '#505053' 344 }, 345 candlestick: { 346 lineColor: 'white' 347 }, 348 errorbar: { 349 color: 'white' 350 } 351 }, 352 legend: { 353 itemStyle: { 354 color: '#E0E0E3' 355 }, 356 itemHoverStyle: {
357 color: '#FFF' 358 }, 359 itemHiddenStyle: { 360 color: '#606063' 361 } 362 }, 363 credits: { 364 style: { 365 color: '#666' 366 } 367 }, 368 labels: { 369 style: { 370 color: '#707073' 371 } 372 }, 373 374 drilldown: { 375 activeAxisLabelStyle: { 376 color: '#F0F0F3' 377 }, 378 activeDataLabelStyle: { 379 color: '#F0F0F3' 380 } 381 }, 382 383 navigation: { 384 buttonOptions: { 385 symbolStroke: '#DDDDDD', 386 theme: { 387 fill: '#505053' 388 } 389 } 390 }, 391 392 // scroll charts 393 rangeSelector: { 394 buttonTheme: { 395 fill: '#505053', 396 stroke: '#000000', 397 style: { 398 color: '#CCC' 399 }, 400 states: { 401 hover: { 402 fill: '#707073', 403 stroke: '#000000', 404 style: { 405 color: 'white' 406 } 407 }, 408 select: { 409 fill: '#000003', 410 stroke: '#000000', 411 style: { 412 color: 'white' 413 } 414 } 415 } 416 }, 417 inputBoxBorderColor: '#505053', 418 inputStyle: { 419 backgroundColor: '#333', 420 color: 'silver' 421 }, 422 labelStyle: { 423 color: 'silver' 424 } 425 }, 426 427 navigator: { 428 handles: { 429 backgroundColor: '#666', 430 borderColor: '#AAA' 431 }, 432 outlineColor: '#CCC', 433 maskFill: 'rgba(255,255,255,0.1)', 434 series: { 435 color: '#7798BF', 436 lineColor: '#A6C7ED' 437 }, 438 xAxis: { 439 gridLineColor: '#505053' 440 } 441 }, 442 443 scrollbar: { 444 barBackgroundColor: '#808083', 445 barBorderColor: '#808083', 446 buttonArrowColor: '#CCC', 447 buttonBackgroundColor: '#606063', 448 buttonBorderColor: '#606063', 449 rifleColor: '#FFF', 450 trackBackgroundColor: '#404043', 451 trackBorderColor: '#404043' 452 }, 453 454 // special colors for some of the 455 legendBackgroundColor: 'rgba(0, 0, 0, 0.5)', 456 background2: '#505053', 457 dataLabelsColor: '#B0B0B3', 458 textColor: '#C0C0C0', 459 contrastTextColor: '#F0F0F3', 460 maskColor: 'rgba(255,255,255,0.3)' 461}); 462 463 464/** 465* Gray theme for Highcharts JS 466* @author Torstein Honsi 467*/ 468Highcharts.theme.push({ 469 colors: ["#DDDF0D", "#7798BF", "#55BF3B", "#DF5353", "#aaeeee", "#ff0066", "#eeaaee", 470 "#55BF3B", "#DF5353", "#7798BF", "#aaeeee"], 471 chart: { 472 backgroundColor: { 473 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 474 stops: [ 475 [0, 'rgb(96, 96, 96)'], 476 [1, 'rgb(16, 16, 16)'] 477 ] 478 }, 479 borderWidth: 0, 480 borderRadius: 0,
481 plotBackgroundColor: null, 482 plotShadow: false, 483 plotBorderWidth: 0 484 }, 485 title: { 486 style: { 487 color: '#FFF', 488 font: '16px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif' 489 } 490 }, 491 subtitle: { 492 style: { 493 color: '#DDD', 494 font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif' 495 } 496 }, 497 xAxis: { 498 gridLineWidth: 0, 499 lineColor: '#999', 500 tickColor: '#999', 501 labels: { 502 style: { 503 color: '#999', 504 fontWeight: 'bold' 505 } 506 }, 507 title: { 508 style: { 509 color: '#AAA', 510 font: 'bold 12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif' 511 } 512 } 513 }, 514 yAxis: { 515 alternateGridColor: null, 516 minorTickInterval: null, 517 gridLineColor: 'rgba(255, 255, 255, .1)', 518 minorGridLineColor: 'rgba(255,255,255,0.07)', 519 lineWidth: 0, 520 tickWidth: 0, 521 labels: { 522 style: { 523 color: '#999', 524 fontWeight: 'bold' 525 } 526 }, 527 title: { 528 style: { 529 color: '#AAA', 530 font: 'bold 12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif' 531 } 532 } 533 }, 534 legend: { 535 itemStyle: { 536 color: '#CCC' 537 }, 538 itemHoverStyle: {
539 color: '#FFF' 540 }, 541 itemHiddenStyle: { 542 color: '#333' 543 } 544 }, 545 labels: { 546 style: { 547 color: '#CCC' 548 } 549 }, 550 tooltip: { 551 backgroundColor: { 552 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 553 stops: [ 554 [0, 'rgba(96, 96, 96, .8)'], 555 [1, 'rgba(16, 16, 16, .8)'] 556 ] 557 }, 558 borderWidth: 0, 559 style: { 560 color: '#FFF' 561 } 562 }, 563 564 565 plotOptions: { 566 series: { 567 nullColor: '#444444' 568 }, 569 line: { 570 dataLabels: { 571 color: '#CCC' 572 }, 573 marker: { 574 lineColor: '#333' 575 } 576 }, 577 spline: { 578 marker: { 579 lineColor: '#333' 580 } 581 }, 582 scatter: { 583 marker: { 584 lineColor: '#333' 585 } 586 }, 587 candlestick: { 588 lineColor: 'white' 589 } 590 }, 591 592 toolbar: { 593 itemStyle: { 594 color: '#CCC' 595 } 596 }, 597 598 navigation: { 599 buttonOptions: { 600 symbolStroke: '#DDDDDD', 601 hoverSymbolStroke: '#FFFFFF', 602 theme: { 603 fill: { 604 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 605 stops: [ 606 [0.4, '#606060'], 607 [0.6, '#333333'] 608 ] 609 }, 610 stroke: '#000000' 611 } 612 } 613 }, 614 615 // scroll charts 616 rangeSelector: { 617 buttonTheme: { 618 fill: { 619 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 620 stops: [ 621 [0.4, '#888'], 622 [0.6, '#555'] 623 ] 624 }, 625 stroke: '#000000', 626 style: { 627 color: '#CCC', 628 fontWeight: 'bold' 629 }, 630 states: { 631 hover: { 632 fill: { 633 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 634 stops: [ 635 [0.4, '#BBB'], 636 [0.6, '#888'] 637 ] 638 }, 639 stroke: '#000000', 640 style: { 641 color: 'white' 642 } 643 }, 644 select: { 645 fill: { 646 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 647 stops: [ 648 [0.1, '#000'], 649 [0.3, '#333'] 650 ] 651 }, 652 stroke: '#000000', 653 style: { 654 color: 'yellow' 655 } 656 } 657 } 658 }, 659 inputStyle: { 660 backgroundColor: '#333', 661 color: 'silver' 662 }, 663 labelStyle: { 664 color: 'silver' 665 } 666 }, 667 668 navigator: { 669 handles: { 670 backgroundColor: '#666', 671 borderColor: '#AAA' 672 }, 673 outlineColor: '#CCC', 674 maskFill: 'rgba(16, 16, 16, 0.5)', 675 series: { 676 color: '#7798BF', 677 lineColor: '#A6C7ED' 678 } 679 }, 680 681 scrollbar: { 682 barBackgroundColor: { 683 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 684 stops: [ 685 [0.4, '#888'], 686 [0.6, '#555'] 687 ] 688 }, 689 barBorderColor: '#CCC', 690 buttonArrowColor: '#CCC', 691 buttonBackgroundColor: { 692 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 693 stops: [ 694 [0.4, '#888'], 695 [0.6, '#555'] 696 ] 697 }, 698 buttonBorderColor: '#CCC', 699 rifleColor: '#FFF', 700 trackBackgroundColor: { 701 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 702 stops: [ 703 [0, '#000'], 704 [1, '#333'] 705 ] 706 }, 707 trackBorderColor: '#666' 708 }, 709 710 // special colors for some of the demo examples 711 legendBackgroundColor: 'rgba(48, 48, 48, 0.8)', 712 background2: 'rgb(70, 70, 70)', 713 dataLabelsColor: '#444', 714 textColor: '#E0E0E0', 715 maskColor: 'rgba(255,255,255,0.3)' 716}); 717 718 719/** 720* Grid-light theme for Highcharts JS 721* @author Torstein Honsi 722*/ 723Highcharts.theme.push({ 724 colors: ["#7cb5ec", "#f7a35c", "#90ee7e", "#7798BF", "#aaeeee", "#ff0066", "#eeaaee",
725 "#55BF3B", "#DF5353", "#7798BF", "#aaeeee"], 726 chart: { 727 backgroundColor: null, 728 style: { 729 fontFamily: "Dosis, sans-serif" 730 } 731 }, 732 title: { 733 style: { 734 fontSize: '16px', 735 fontWeight: 'bold', 736 textTransform: 'uppercase' 737 } 738 }, 739 tooltip: { 740 borderWidth: 0, 741 backgroundColor: 'rgba(219,219,216,0.8)', 742 shadow: false 743 }, 744 legend: { 745 itemStyle: { 746 fontWeight: 'bold', 747 fontSize: '13px' 748 } 749 }, 750 xAxis: { 751 gridLineWidth: 1, 752 labels: { 753 style: { 754 fontSize: '12px' 755 } 756 } 757 }, 758 yAxis: { 759 minorTickInterval: 'auto', 760 title: { 761 style: { 762 textTransform: 'uppercase' 763 } 764 }, 765 labels: { 766 style: { 767 fontSize: '12px' 768 } 769 } 770 }, 771 plotOptions: { 772 candlestick: { 773 lineColor: '#404048' 774 } 775 }, 776 777 778 // General 779 background2: '#F0F0EA' 780 781}); 782 783 784/** 785* Grid theme for Highcharts JS 786* @author Torstein Honsi 787*/ 788Highcharts.theme.push({ 789 colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'], 790 chart: { 791 backgroundColor: { 792 linearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 }, 793 stops: [ 794 [0, 'rgb(255, 255, 255)'], 795 [1, 'rgb(240, 240, 255)'] 796 ] 797 }, 798 borderWidth: 2,
799 plotBackgroundColor: 'rgba(255, 255, 255, .9)', 800 plotShadow: true, 801 plotBorderWidth: 1 802 }, 803 title: { 804 style: { 805 color: '#000', 806 font: 'bold 16px "Trebuchet MS", Verdana, sans-serif' 807 } 808 }, 809 subtitle: { 810 style: { 811 color: '#666666', 812 font: 'bold 12px "Trebuchet MS", Verdana, sans-serif' 813 } 814 }, 815 xAxis: { 816 gridLineWidth: 1, 817 lineColor: '#000', 818 tickColor: '#000', 819 labels: { 820 style: { 821 color: '#000', 822 font: '11px Trebuchet MS, Verdana, sans-serif' 823 } 824 }, 825 title: { 826 style: { 827 color: '#333', 828 fontWeight: 'bold', 829 fontSize: '12px', 830 fontFamily: 'Trebuchet MS, Verdana, sans-serif' 831 832 } 833 } 834 }, 835 yAxis: { 836 minorTickInterval: 'auto', 837 lineColor: '#000', 838 lineWidth: 1, 839 tickWidth: 1, 840 tickColor: '#000', 841 labels: { 842 style: { 843 color: '#000', 844 font: '11px Trebuchet MS, Verdana, sans-serif' 845 } 846 }, 847 title: { 848 style: { 849 color: '#333', 850 fontWeight: 'bold', 851 fontSize: '12px', 852 fontFamily: 'Trebuchet MS, Verdana, sans-serif' 853 } 854 } 855 }, 856 legend: { 857 itemStyle: { 858 font: '9pt Trebuchet MS, Verdana, sans-serif', 859 color: 'black' 860 861 }, 862 itemHoverStyle: { 863 color: '#039' 864 }, 865 itemHiddenStyle: { 866 color: 'gray' 867 } 868 }, 869 labels: { 870 style: { 871 color: '#99b' 872 } 873 }, 874 875 navigation: { 876 buttonOptions: { 877 theme: { 878 stroke: '#CCCCCC' 879 } 880 } 881 } 882}); 883 884 885/** 886* Skies theme for Highcharts JS 887* @author Torstein Honsi 888*/ 889Highcharts.theme.push({ 890 colors: ["#514F78", "#42A07B", "#9B5E4A", "#72727F", "#1F949A", "#82914E", "#86777F", "#42A07B"], 891 chart: { 892 className: 'skies', 893 borderWidth: 0, 894 plotShadow: true,
895 plotBackgroundImage: 'http://www.highcharts.com/demo/gfx/skies.jpg', 896 plotBackgroundColor: { 897 linearGradient: [0, 0, 250, 500], 898 stops: [ 899 [0, 'rgba(255, 255, 255, 1)'], 900 [1, 'rgba(255, 255, 255, 0)'] 901 ] 902 }, 903 plotBorderWidth: 1 904 }, 905 title: { 906 style: { 907 color: '#3E576F', 908 font: '16px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif' 909 } 910 }, 911 subtitle: { 912 style: { 913 color: '#6D869F', 914 font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif' 915 } 916 }, 917 xAxis: { 918 gridLineWidth: 0, 919 lineColor: '#C0D0E0', 920 tickColor: '#C0D0E0', 921 labels: { 922 style: { 923 color: '#666', 924 fontWeight: 'bold' 925 } 926 }, 927 title: { 928 style: { 929 color: '#666', 930 font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif' 931 } 932 } 933 }, 934 yAxis: { 935 alternateGridColor: 'rgba(255, 255, 255, .5)', 936 lineColor: '#C0D0E0', 937 tickColor: '#C0D0E0', 938 tickWidth: 1, 939 labels: { 940 style: { 941 color: '#666', 942 fontWeight: 'bold' 943 } 944 }, 945 title: { 946 style: { 947 color: '#666', 948 font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif' 949 } 950 } 951 }, 952 legend: { 953 itemStyle: { 954 font: '9pt Trebuchet MS, Verdana, sans-serif', 955 color: '#3E576F' 956 }, 957 itemHoverStyle: { 958 color: 'black' 959 }, 960 itemHiddenStyle: { 961 color: 'silver' 962 } 963 }, 964 labels: { 965 style: { 966 color: '#3E576F' 967 } 968 } 969}); 970 971 972/** 973* Dark blue theme for Highcharts JS 974* @author Torstein Honsi 975*/ 976Highcharts.theme.push({ 977 colors: ["#DDDF0D", "#55BF3B", "#DF5353", "#7798BF", "#aaeeee", "#ff0066", "#eeaaee", 978 "#55BF3B", "#DF5353", "#7798BF", "#aaeeee"], 979 chart: { 980 backgroundColor: { 981 linearGradient: [0, 0, 250, 500], 982 stops: [ 983 [0, 'rgb(48, 96, 48)'], 984 [1, 'rgb(0, 0, 0)'] 985 ] 986 }, 987 borderColor: '#000000', 988 borderWidth: 2, 989 className: 'dark-container',
990 plotBackgroundColor: 'rgba(255, 255, 255, .1)', 991 plotBorderColor: '#CCCCCC', 992 plotBorderWidth: 1 993 }, 994 title: { 995 style: { 996 color: '#C0C0C0', 997 font: 'bold 16px "Trebuchet MS", Verdana, sans-serif' 998 } 999 }, 1000 subtitle: { 1001 style: { 1002 color: '#666666', 1003 font: 'bold 12px "Trebuchet MS", Verdana, sans-serif' 1004 } 1005 }, 1006 xAxis: { 1007 gridLineColor: '#333333', 1008 gridLineWidth: 1, 1009 labels: { 1010 style: { 1011 color: '#A0A0A0' 1012 } 1013 }, 1014 lineColor: '#A0A0A0', 1015 tickColor: '#A0A0A0', 1016 title: { 1017 style: { 1018 color: '#CCC', 1019 fontWeight: 'bold', 1020 fontSize: '12px', 1021 fontFamily: 'Trebuchet MS, Verdana, sans-serif' 1022 1023 } 1024 } 1025 }, 1026 yAxis: { 1027 gridLineColor: '#333333', 1028 labels: { 1029 style: { 1030 color: '#A0A0A0' 1031 } 1032 }, 1033 lineColor: '#A0A0A0', 1034 minorTickInterval: null, 1035 tickColor: '#A0A0A0', 1036 tickWidth: 1, 1037 title: { 1038 style: { 1039 color: '#CCC', 1040 fontWeight: 'bold', 1041 fontSize: '12px', 1042 fontFamily: 'Trebuchet MS, Verdana, sans-serif' 1043 } 1044 } 1045 }, 1046 tooltip: { 1047 backgroundColor: 'rgba(0, 0, 0, 0.75)', 1048 style: { 1049 color: '#F0F0F0' 1050 } 1051 }, 1052 toolbar: { 1053 itemStyle: { 1054 color: 'silver' 1055 } 1056 }, 1057 plotOptions: { 1058 line: { 1059 dataLabels: { 1060 color: '#CCC' 1061 }, 1062 marker: { 1063 lineColor: '#333' 1064 } 1065 }, 1066 spline: { 1067 marker: { 1068 lineColor: '#333' 1069 } 1070 }, 1071 scatter: { 1072 marker: { 1073 lineColor: '#333' 1074 } 1075 }, 1076 candlestick: { 1077 lineColor: 'white' 1078 } 1079 }, 1080 legend: { 1081 itemStyle: { 1082 font: '9pt Trebuchet MS, Verdana, sans-serif', 1083 color: '#A0A0A0' 1084 }, 1085 itemHoverStyle: {
1086 color: '#FFF' 1087 }, 1088 itemHiddenStyle: { 1089 color: '#444' 1090 } 1091 }, 1092 credits: { 1093 style: { 1094 color: '#666' 1095 } 1096 }, 1097 labels: { 1098 style: { 1099 color: '#CCC' 1100 } 1101 }, 1102 1103 1104 navigation: { 1105 buttonOptions: { 1106 symbolStroke: '#DDDDDD', 1107 hoverSymbolStroke: '#FFFFFF', 1108 theme: { 1109 fill: { 1110 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 1111 stops: [ 1112 [0.4, '#606060'], 1113 [0.6, '#333333'] 1114 ] 1115 }, 1116 stroke: '#000000' 1117 } 1118 } 1119 }, 1120 1121 // scroll charts 1122 rangeSelector: { 1123 buttonTheme: { 1124 fill: { 1125 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 1126 stops: [ 1127 [0.4, '#888'], 1128 [0.6, '#555'] 1129 ] 1130 }, 1131 stroke: '#000000', 1132 style: { 1133 color: '#CCC', 1134 fontWeight: 'bold' 1135 }, 1136 states: { 1137 hover: { 1138 fill: { 1139 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 1140 stops: [ 1141 [0.4, '#BBB'], 1142 [0.6, '#888'] 1143 ] 1144 }, 1145 stroke: '#000000', 1146 style: { 1147 color: 'white' 1148 } 1149 }, 1150 select: { 1151 fill: { 1152 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 1153 stops: [ 1154 [0.1, '#000'], 1155 [0.3, '#333'] 1156 ] 1157 }, 1158 stroke: '#000000', 1159 style: { 1160 color: 'yellow' 1161 } 1162 } 1163 } 1164 }, 1165 inputStyle: { 1166 backgroundColor: '#333', 1167 color: 'silver' 1168 }, 1169 labelStyle: { 1170 color: 'silver' 1171 } 1172 }, 1173 1174 navigator: { 1175 handles: { 1176 backgroundColor: '#666', 1177 borderColor: '#AAA' 1178 }, 1179 outlineColor: '#CCC', 1180 maskFill: 'rgba(16, 16, 16, 0.5)', 1181 series: { 1182 color: '#7798BF', 1183 lineColor: '#A6C7ED' 1184 } 1185 }, 1186 1187 scrollbar: { 1188 barBackgroundColor: { 1189 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 1190 stops: [ 1191 [0.4, '#888'], 1192 [0.6, '#555'] 1193 ] 1194 }, 1195 barBorderColor: '#CCC', 1196 buttonArrowColor: '#CCC', 1197 buttonBackgroundColor: { 1198 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 1199 stops: [ 1200 [0.4, '#888'], 1201 [0.6, '#555'] 1202 ] 1203 }, 1204 buttonBorderColor: '#CCC', 1205 rifleColor: '#FFF', 1206 trackBackgroundColor: { 1207 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 1208 stops: [ 1209 [0, '#000'], 1210 [1, '#333'] 1211 ] 1212 }, 1213 trackBorderColor: '#666' 1214 }, 1215 1216 // special colors for some of the 1217 legendBackgroundColor: 'rgba(0, 0, 0, 0.5)', 1218 background2: 'rgb(35, 35, 70)', 1219 dataLabelsColor: '#444', 1220 textColor: '#C0C0C0', 1221 maskColor: 'rgba(255,255,255,0.3)' 1222}); 1223 1224 1225/** 1226* Sand-Signika theme for Highcharts JS 1227* @author Torstein Honsi 1228*/ 1229Highcharts.theme.push({ 1230 colors: ["#f45b5b", "#8085e9", "#8d4654", "#7798BF", "#aaeeee", "#ff0066", "#eeaaee", 1231 "#55BF3B", "#DF5353", "#7798BF", "#aaeeee"], 1232 chart: { 1233 backgroundColor: null, 1234 style: { 1235 fontFamily: "Signika, serif" 1236 } 1237 }, 1238 title: { 1239 style: { 1240 color: 'black', 1241 fontSize: '16px', 1242 fontWeight: 'bold' 1243 } 1244 }, 1245 subtitle: { 1246 style: { 1247 color: 'black' 1248 } 1249 }, 1250 tooltip: { 1251 borderWidth: 0 1252 }, 1253 legend: { 1254 itemStyle: { 1255 fontWeight: 'bold', 1256 fontSize: '13px' 1257 } 1258 }, 1259 xAxis: { 1260 labels: { 1261 style: { 1262 color: '#6e6e70' 1263 } 1264 } 1265 }, 1266 yAxis: { 1267 labels: { 1268 style: { 1269 color: '#6e6e70' 1270 } 1271 } 1272 }, 1273 plotOptions: { 1274 series: { 1275 shadow: true 1276 }, 1277 candlestick: { 1278 lineColor: '#404048' 1279 }, 1280 map: { 1281 shadow: false 1282 } 1283 }, 1284 1285 // Highstock specific 1286 navigator: { 1287 xAxis: { 1288 gridLineColor: '#D0D0D8' 1289 } 1290 }, 1291 rangeSelector: { 1292 buttonTheme: { 1293 fill: 'white', 1294 stroke: '#C0C0C8', 1295 'stroke-width': 1, 1296 states: { 1297 select: { 1298 fill: '#D0D0D8' 1299 } 1300 } 1301 } 1302 }, 1303 scrollbar: { 1304 trackBorderColor: '#C0C0C8' 1305 }, 1306 1307 // General 1308 background2: '#E0E0E8' 1309 1310}); 1311 1312//var HCDefaults = $.extend(true, {}, Highcharts.getOptions(), {}); 1313function ResetOptions() { 1314 // Fortunately, Highcharts returns the reference to defaultOptions itself 1315 // We can manipulate this and delete all the properties 1316 var defaultOptions = Highcharts.getOptions(); 1317 for (var prop in defaultOptions) { 1318 if (typeof defaultOptions[prop] !== 'function') delete defaultOptions[prop]; 1319 } 1320 // Fall back to the defaults that we captured initially, this resets the theme 1321 //Highcharts.setOptions(HCDefaults); 1322 Highcharts.setOptions(Highcharts.theme[0]); 1323} 1324// Apply the theme 1325//Highcharts.setOptions(Highcharts.theme[0]);
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.