├── README.md ├── css └── fullScreenKline.css ├── img ├── dropdown_b.png ├── dropdown_w.png ├── dropup_b.png ├── dropup_w.png ├── tool_d_normal.png ├── tool_d_push.png ├── tool_l_normal.png └── tool_l_push.png ├── index.html ├── js ├── fullKilne.js ├── jquery-1.8.3.min.js ├── jquery.mousewheel.js └── vue.js └── test.data.js /README.md: -------------------------------------------------------------------------------- 1 | # CoinKLine - Star and enjoy it  -------------------------------------------------------------------------------- /css/fullScreenKline.css: -------------------------------------------------------------------------------- 1 | html, body { 2 | height: 100%; 3 | margin: 0; 4 | overflow: hidden; 5 | width: 100% 6 | } 7 | .chart_canvasGroup_whiteLogo { 8 | /*background: url("/img/kline_logo_black.png") no-repeat scroll center center #fff;*/ 9 | } 10 | .chart_canvasGroup_blackLogo { 11 | /*background: url("/img/kline_logo_white.png") no-repeat scroll center center #0a0a0a ;*/ 12 | } 13 | 14 | 15 | 16 | #chart_container { 17 | cursor: default; 18 | font-family: arial, sans; 19 | font-size: 12px; 20 | height: 100%; 21 | position: relative; 22 | visibility: hidden; 23 | width: 100% 24 | } 25 | 26 | #chart_container div, #chart_container ul, #chart_container form { 27 | margin: 0; 28 | padding: 0 29 | } 30 | 31 | #chart_container a:hover { 32 | text-decoration: none 33 | } 34 | 35 | #chart_container ul { 36 | list-style: none; 37 | border: 0; 38 | margin: 0; 39 | padding: 0 40 | } 41 | 42 | #chart_container button { 43 | cursor: pointer 44 | } 45 | 46 | #chart_dom_elem_cache { 47 | *font-weight: bold; 48 | position: absolute; 49 | visibility: hidden; 50 | z-index: -1 51 | } 52 | 53 | #chart_toolbar { 54 | border-bottom-width: 1px; 55 | border-bottom-style: solid; 56 | *font-weight: bold; 57 | height: 29px; 58 | position: absolute; 59 | z-index: 3 60 | } 61 | 62 | #chart_container.dark #chart_toolbar { 63 | background-color: #0a0a0a; 64 | border-bottom-color: #404040 65 | } 66 | 67 | #chart_container.light #chart_toolbar { 68 | background-color: #fff; 69 | border-bottom-color: #afb1b3 70 | } 71 | 72 | #chart_container .chart_toolbar_sep { 73 | float: left; 74 | height: 100%; 75 | width: 16px 76 | } 77 | 78 | #chart_container .chart_toolbar_minisep { 79 | float: left; 80 | height: 100%; 81 | width: 4px 82 | } 83 | 84 | #chart_container .chart_dropdown { 85 | display: inline-block; 86 | float: left; 87 | position: relative; 88 | z-index: 100 89 | } 90 | 91 | #chart_container .chart_dropdown_t { 92 | background-origin: content-box; 93 | background-repeat: no-repeat; 94 | border-width: 1px; 95 | border-style: solid; 96 | border-bottom: 0; 97 | margin-top: 3px; 98 | padding-right: 10px; 99 | z-index: 101; 100 | position: relative 101 | } 102 | 103 | #chart_container .chart_dropdown_t a { 104 | display: inline-block; 105 | padding: 3px 12px 5px 10px 106 | } 107 | 108 | #chart_container .chart_dropdown_data { 109 | border-width: 1px; 110 | border-style: solid; 111 | display: none; 112 | position: absolute; 113 | padding: 6px 8px 6px 8px; 114 | margin-top: -1px; 115 | z-index: 100 116 | } 117 | 118 | #chart_container .chart_dropdown_data table { 119 | border-collapse: collapse; 120 | font-weight: normal; 121 | white-space: nowrap 122 | } 123 | 124 | #chart_container .chart_dropdown_data td { 125 | border-bottom-width: 1px; 126 | border-bottom-style: solid; 127 | padding: 8px 6px; 128 | vertical-align: top 129 | } 130 | 131 | #chart_container .chart_dropdown_data table tr:last-child td { 132 | border-bottom: 0 133 | } 134 | 135 | #chart_container .chart_dropdown_data li { 136 | white-space: nowrap; 137 | display: inline-block 138 | } 139 | 140 | #chart_container .chart_dropdown_data a { 141 | text-decoration: none; 142 | cursor: pointer; 143 | padding: 5px 6px 5px 6px 144 | } 145 | 146 | #chart_container .chart_dropdown-hover.chart_dropdown_data { 147 | display: block 148 | } 149 | 150 | #chart_dropdown_symbols .chart_dropdown_data td { 151 | padding: 8px 6px 0 6px 152 | } 153 | 154 | #chart_dropdown_symbols .chart_dropdown_data li { 155 | display: block; 156 | height: 26px 157 | } 158 | 159 | #chart_dropdown_symbols .chart_dropdown_data a { 160 | cursor: pointer 161 | } 162 | 163 | #chart_dropdown_themes .chart_dropdown_data td:first-child { 164 | padding: 6px 1px 7px 6px 165 | } 166 | 167 | #chart_container.dark .chart_dropdown_t { 168 | background-image: url("/img/dropdown_w.png"); 169 | background-position: right 9px; 170 | border-color: #0a0a0a; 171 | color: #e5e5e5 172 | } 173 | 174 | #chart_container.dark .chart_dropdown-hover.chart_dropdown_t { 175 | background-color: #0a0a0a; 176 | background-image: url("/img/dropup_w.png"); 177 | background-position: right 8px; 178 | border-color: #606060; 179 | color: #fff 180 | } 181 | 182 | #chart_container.dark .chart_dropdown_data { 183 | background-color: #0a0a0a; 184 | border-color: #606060 185 | } 186 | 187 | #chart_container.dark .chart_dropdown_data td { 188 | border-bottom-color: #404040; 189 | color: #e5e5e5 190 | } 191 | 192 | #chart_container.dark .chart_dropdown_data li a { 193 | color: #6BF 194 | } 195 | 196 | #chart_container.dark .chart_dropdown_data li a:hover { 197 | background-color: #383838 198 | } 199 | 200 | #chart_container.dark .chart_dropdown_data li a.selected { 201 | color: #ffac00 202 | } 203 | 204 | #chart_container.light .chart_dropdown_t { 205 | background-image: url("/img/dropdown_b.png"); 206 | background-position: right 10px; 207 | border-color: #fff; 208 | color: #393c40 209 | } 210 | 211 | #chart_container.light .chart_dropdown-hover.chart_dropdown_t { 212 | background-color: #fff; 213 | background-image: url("/img/dropup_b.png"); 214 | background-position: right 9px; 215 | border-color: #4c4f53; 216 | color: #393c40 217 | } 218 | 219 | #chart_container.light .chart_dropdown_data { 220 | background-color: #fff; 221 | border-color: #4c4f53 222 | } 223 | 224 | #chart_container.light .chart_dropdown_data td { 225 | border-bottom-color: #e4e5e6; 226 | color: #393c40 227 | } 228 | 229 | #chart_container.light .chart_dropdown_data li a { 230 | color: #1478c8 231 | } 232 | 233 | #chart_container.light .chart_dropdown_data a:hover { 234 | background-color: #f4f4f4 235 | } 236 | 237 | #chart_container.light .chart_dropdown_data a.selected { 238 | color: #f27935 239 | } 240 | 241 | #chart_container .chart_toolbar_label { 242 | cursor: default; 243 | display: inline-block; 244 | float: left; 245 | padding: 7px 4px 246 | } 247 | 248 | #chart_container.dark .chart_toolbar_label { 249 | border-color: #0a0a0a; 250 | color: #e5e5e5 251 | } 252 | 253 | #chart_container.light .chart_toolbar_label { 254 | border-color: #fff; 255 | color: #393c40 256 | } 257 | 258 | #chart_container .chart_toolbar_button { 259 | border-width: 1px; 260 | border-style: solid; 261 | cursor: pointer; 262 | float: left; 263 | margin: 3px 2px; 264 | padding: 3px 10px; 265 | position: relative; 266 | z-index: 100 267 | } 268 | 269 | #chart_container.dark .chart_toolbar_button { 270 | border-color: #404040; 271 | color: #e5e5e5 272 | } 273 | 274 | #chart_container.dark .chart_toolbar_button:hover { 275 | background-color: #383838; 276 | border-color: #606060; 277 | color: #fff 278 | } 279 | 280 | #chart_container.dark .chart_toolbar_button.selected { 281 | background-color: #383838; 282 | border-color: #606060; 283 | color: #ffac00 284 | } 285 | 286 | #chart_container.dark .chart_toolbar_button.selected:hover { 287 | background-color: #474747; 288 | border-color: #808080; 289 | color: #ffac00 290 | } 291 | 292 | #chart_container.light .chart_toolbar_button { 293 | border-color: #ccc; 294 | color: #393c40 295 | } 296 | 297 | #chart_container.light .chart_toolbar_button:hover { 298 | background-color: #f4f4f4; 299 | color: #393c40 300 | } 301 | 302 | #chart_container.light .chart_toolbar_button.selected { 303 | background-color: #f4f4f4; 304 | border-color: #f27935; 305 | color: #f27935 306 | } 307 | 308 | #chart_container .chart_toolbar_tabgroup { 309 | float: left 310 | } 311 | 312 | #chart_container .chart_toolbar_tabgroup li { 313 | display: inline-block; 314 | padding: 4px 0; 315 | margin: 3px 0 316 | } 317 | 318 | #chart_container .chart_toolbar_tabgroup li a { 319 | cursor: pointer; 320 | padding: 4px 4px 321 | } 322 | 323 | #chart_container .chart_toolbar_tabgroup li a:hover { 324 | text-decoration: none 325 | } 326 | 327 | #chart_container.dark .chart_toolbar_tabgroup li a { 328 | font-size: 13px; 329 | font-weight: bold; 330 | color: #6BF 331 | } 332 | 333 | #chart_container.dark .chart_toolbar_tabgroup li a:hover { 334 | background-color: #383838 335 | } 336 | 337 | #chart_container.dark .chart_toolbar_tabgroup li a.selected { 338 | color: #ffac00 339 | } 340 | 341 | #chart_container.light .chart_toolbar_tabgroup li a { 342 | color: #1478c8 343 | } 344 | 345 | #chart_container.light .chart_toolbar_tabgroup li a:hover { 346 | background-color: #f4f4f4 347 | } 348 | 349 | #chart_container.light .chart_toolbar_tabgroup li a.selected { 350 | color: #f27935 351 | } 352 | 353 | #chart_toolbar_periods_horz { 354 | display: inline-block; 355 | float: left; 356 | position: relative; 357 | z-index: 100 358 | } 359 | 360 | #chart_toolbar_periods_vert { 361 | float: left 362 | } 363 | 364 | #chart_container a.chart_icon { 365 | border-width: 1px; 366 | border-style: solid; 367 | height: 16px; 368 | padding: 0; 369 | width: 16px 370 | } 371 | 372 | #chart_container a.chart_icon:hover { 373 | border-width: 2px; 374 | height: 14px; 375 | width: 14px 376 | } 377 | 378 | #chart_container .chart_dropdown_data a.chart_icon { 379 | display: inline-block; 380 | magin: 0 6px 0 6px 381 | } 382 | 383 | #chart_container a.chart_icon_theme_dark, #chart_container .chart_dropdown_data li a.chart_icon_theme_dark:hover 384 | { 385 | background-color: #000 386 | } 387 | 388 | #chart_container a.chart_icon_theme_light, #chart_container .chart_dropdown_data li a.chart_icon_theme_light:hover 389 | { 390 | background-color: #fff 391 | } 392 | 393 | #chart_container #chart_toolbar_theme { 394 | float: left; 395 | padding: 0 8px 396 | } 397 | 398 | #chart_container #chart_toolbar_theme a.chart_icon { 399 | cursor: pointer; 400 | float: left; 401 | margin: 6px 4px 402 | } 403 | 404 | #chart_container #chart_select_theme td:last-child { 405 | padding: 6px 6px 0 8px 406 | } 407 | 408 | #chart_container #chart_select_theme li { 409 | padding: 0 4px 0 4px 410 | } 411 | 412 | #chart_container.dark a.chart_icon { 413 | border-color: #aaa 414 | } 415 | 416 | #chart_container.dark a.chart_icon:hover { 417 | border-color: #6BF 418 | } 419 | 420 | #chart_container.dark a.chart_icon.selected { 421 | border-color: #ffac00 422 | } 423 | 424 | #chart_container.light a.chart_icon { 425 | border-color: #aaa 426 | } 427 | 428 | #chart_container.light a.chart_icon.selected { 429 | border-color: #f27935 430 | } 431 | 432 | #chart_toolpanel { 433 | border-right-width: 1px; 434 | border-right-style: solid; 435 | display: none; 436 | position: absolute; 437 | width: 32px; 438 | z-index: 2 439 | } 440 | 441 | #chart_toolpanel .chart_toolpanel_separator { 442 | position: relative; 443 | height: 4px 444 | } 445 | 446 | #chart_toolpanel .chart_toolpanel_button { 447 | position: relative; 448 | z-index: 100 449 | } 450 | 451 | #chart_toolpanel .chart_toolpanel_icon { 452 | background-origin: content-box; 453 | background-repeat: no-repeat; 454 | border-width: 1px; 455 | border-style: solid; 456 | cursor: pointer; 457 | height: 16px; 458 | margin: 1px 4px 1px 4px; 459 | padding: 3px; 460 | position: relative; 461 | width: 16px; 462 | z-index: 101 463 | } 464 | 465 | #chart_toolpanel .chart_toolpanel_tip { 466 | border-width: 1px; 467 | border-radius: 4px; 468 | border-style: solid; 469 | display: none; 470 | *font-weight: bold; 471 | position: absolute; 472 | padding: 3px 6px 4px 6px; 473 | margin-left: 36px; 474 | margin-top: -25px; 475 | white-space: nowrap; 476 | z-index: 100 477 | } 478 | 479 | #chart_toolpanel .chart_toolpanel_button:hover .chart_toolpanel_tip { 480 | display: block 481 | } 482 | 483 | #chart_container.dark #chart_toolpanel { 484 | background-color: #0a0a0a; 485 | border-right-color: #404040 486 | } 487 | 488 | #chart_container.dark .chart_toolpanel_icon { 489 | background-color: #0a0a0a; 490 | border-color: #232323 491 | } 492 | 493 | #chart_container.dark .chart_toolpanel_button:hover .chart_toolpanel_icon 494 | { 495 | background-color: #404040; 496 | border-color: #666 497 | } 498 | 499 | #chart_container.dark .chart_toolpanel_button.selected .chart_toolpanel_icon 500 | { 501 | background-color: #080808; 502 | border-color: #666 503 | } 504 | 505 | #chart_container.dark .chart_toolpanel_tip { 506 | background-color: #ffac00; 507 | border-color: #ffac00; 508 | color: #0a0a0a 509 | } 510 | 511 | #chart_container.light #chart_toolpanel { 512 | background-color: #fff; 513 | border-right-color: #afb1b3 514 | } 515 | 516 | #chart_container.light .chart_toolpanel_icon { 517 | background-color: #fff; 518 | border-color: #fff 519 | } 520 | 521 | #chart_container.light .chart_toolpanel_button:hover .chart_toolpanel_icon 522 | { 523 | background-color: #eee; 524 | border-color: #afb1b3 525 | } 526 | 527 | #chart_container.light .chart_toolpanel_button.selected .chart_toolpanel_icon 528 | { 529 | background-color: #f4f4f4; 530 | border-color: #afb1b3 531 | } 532 | 533 | #chart_container.light .chart_toolpanel_tip { 534 | background-color: #f27938; 535 | border-color: #f27938; 536 | color: #eee 537 | } 538 | 539 | #chart_container.dark #chart_toolpanel .chart_toolpanel_button .chart_toolpanel_icon 540 | { 541 | background-image: url("/img/tool_d_normal.png") 542 | } 543 | 544 | #chart_container.dark #chart_toolpanel .chart_toolpanel_button.selected .chart_toolpanel_icon 545 | { 546 | background-image: url("/img/tool_d_push.png") 547 | } 548 | 549 | #chart_container.light #chart_toolpanel .chart_toolpanel_button .chart_toolpanel_icon 550 | { 551 | background-image: url("/img/tool_l_normal.png") 552 | } 553 | 554 | #chart_container.light #chart_toolpanel .chart_toolpanel_button.selected .chart_toolpanel_icon 555 | { 556 | background-image: url("/img/tool_l_push.png") 557 | } 558 | 559 | #chart_container #chart_toolpanel #chart_Cursor { 560 | background-position: 0 0 561 | } 562 | 563 | #chart_container #chart_toolpanel #chart_CrossCursor { 564 | background-position: 0 -20px 565 | } 566 | 567 | #chart_container #chart_toolpanel #chart_SegLine { 568 | background-position: 0 -40px 569 | } 570 | 571 | #chart_container #chart_toolpanel #chart_StraightLine { 572 | background-position: 0 -60px 573 | } 574 | 575 | #chart_container #chart_toolpanel #chart_RayLine { 576 | background-position: 0 -100px 577 | } 578 | 579 | #chart_container #chart_toolpanel #chart_ArrowLine { 580 | background-position: 0 -80px 581 | } 582 | 583 | #chart_container #chart_toolpanel #chart_HoriSegLine { 584 | background-position: 0 -160px 585 | } 586 | 587 | #chart_container #chart_toolpanel #chart_HoriStraightLine { 588 | background-position: 0 -120px 589 | } 590 | 591 | #chart_container #chart_toolpanel #chart_HoriRayLine { 592 | background-position: 0 -140px 593 | } 594 | 595 | #chart_container #chart_toolpanel #chart_VertiStraightLine { 596 | background-position: 0 -180px 597 | } 598 | 599 | #chart_container #chart_toolpanel #chart_PriceLine { 600 | background-position: 0 -200px 601 | } 602 | 603 | #chart_container #chart_toolpanel #chart_TriParallelLine { 604 | background-position: 0 -220px 605 | } 606 | 607 | #chart_container #chart_toolpanel #chart_BiParallelLine { 608 | background-position: 0 -240px 609 | } 610 | 611 | #chart_container #chart_toolpanel #chart_BiParallelRayLine { 612 | background-position: 0 -260px 613 | } 614 | 615 | #chart_container .chart_toolpanel_button #chart_DrawFibRetrace { 616 | background-position: 0 -280px 617 | } 618 | 619 | #chart_container #chart_toolpanel #chart_DrawFibFans { 620 | background-position: 0 -300px 621 | } 622 | 623 | #chart_tabbar { 624 | border-top-width: 1px; 625 | border-top-style: solid; 626 | cursor: default; 627 | display: none; 628 | *font-weight: bold; 629 | height: 22px; 630 | overflow: hidden; 631 | position: absolute; 632 | z-index: 1 633 | } 634 | 635 | #chart_tabbar ul { 636 | height: 100%; 637 | list-style: none; 638 | padding: 0 0 0 4px 639 | } 640 | 641 | #chart_tabbar li { 642 | display: inline-block; 643 | height: 100%; 644 | margin: 0 645 | } 646 | 647 | #chart_tabbar a { 648 | cursor: pointer; 649 | display: inline-block; 650 | height: 100%; 651 | margin: 0; 652 | padding: 3px 4px 0 4px; 653 | overflow: hidden 654 | } 655 | 656 | #chart_tabbar a:hover { 657 | text-decoration: none 658 | } 659 | 660 | #chart_container.dark #chart_tabbar { 661 | background-color: #0a0a0a; 662 | border-top-color: #404040 663 | } 664 | 665 | #chart_container.dark #chart_tabbar a { 666 | color: #e5e5e5 667 | } 668 | 669 | #chart_container.dark #chart_tabbar a:hover { 670 | background-color: #383838; 671 | color: #fff 672 | } 673 | 674 | #chart_container.dark #chart_tabbar a.selected { 675 | color: #ffac00 676 | } 677 | 678 | #chart_container.light #chart_tabbar { 679 | background-color: #fff; 680 | border-top-color: #afb1b3 681 | } 682 | 683 | #chart_container.light #chart_tabbar a { 684 | color: #393c40 685 | } 686 | 687 | #chart_container.light #chart_tabbar a:hover { 688 | background-color: #f4f4f4; 689 | color: #393c40 690 | } 691 | 692 | #chart_container.light #chart_tabbar a.selected { 693 | color: #f27935 694 | } 695 | 696 | #chart_canvasGroup { 697 | position: absolute; 698 | z-index: 0; 699 | } 700 | #chart_mainCanvas { 701 | overflow: hidden; 702 | position: absolute; 703 | z-index: 0 704 | } 705 | 706 | #chart_overlayCanvas { 707 | overflow: hidden; 708 | position: absolute; 709 | z-index: 2 710 | } 711 | 712 | #chart_loading { 713 | border-width: 1px; 714 | border-style: solid; 715 | border-radius: 4px; 716 | font-size: 18px; 717 | font-weight: bold; 718 | line-height: 48px; 719 | overflow: hidden; 720 | position: absolute; 721 | text-align: center; 722 | visibility: hidden; 723 | width: 200px; 724 | z-index: 200 725 | } 726 | 727 | #chart_loading.activated { 728 | visibility: visible 729 | } 730 | 731 | #chart_container.dark #chart_loading { 732 | border-color: #aaa; 733 | background-color: rgba(0, 0, 0, 0.6); 734 | color: #ccc 735 | } 736 | 737 | #chart_container.light #chart_loading { 738 | border-color: #afb1b3; 739 | background-color: rgba(244, 244, 244, 0.8); 740 | color: #393c40 741 | } 742 | 743 | #chart_parameter_settings { 744 | border-radius: 4px; 745 | border-width: 1px; 746 | border-style: solid; 747 | width: 640px; 748 | position: absolute; 749 | overflow: hidden; 750 | visibility: hidden; 751 | z-index: 500 752 | } 753 | 754 | #chart_parameter_settings.clicked { 755 | visibility: visible 756 | } 757 | 758 | #chart_parameter_settings h2 { 759 | padding: 8px 12px; 760 | margin: 0 761 | } 762 | 763 | #chart_parameter_settings table { 764 | border-collapse: collapse; 765 | width: 100% 766 | } 767 | 768 | #chart_parameter_settings tr { 769 | line-height: 32px 770 | } 771 | 772 | #chart_parameter_settings th { 773 | text-align: right; 774 | padding: 0 4px 0 16px 775 | } 776 | 777 | #chart_parameter_settings input { 778 | width: 2em; 779 | margin: 0 2px 0 2px 780 | } 781 | 782 | #chart_parameter_settings #close_settings { 783 | border-radius: 4px; 784 | cursor: pointer; 785 | font-weight: bold; 786 | text-align: center; 787 | margin: 8px auto; 788 | padding: 5px 24px 5px 24px; 789 | width: 72px 790 | } 791 | 792 | #chart_parameter_settings .chart_str_default { 793 | margin-right: 24px 794 | } 795 | 796 | #chart_container.dark #chart_parameter_settings { 797 | background-color: rgba(0, 0, 0, 0.6); 798 | border-color: #aaa; 799 | color: #ccc 800 | } 801 | 802 | #chart_container.dark #chart_parameter_settings #close_settings { 803 | background: #1887da; 804 | color: #eee 805 | } 806 | 807 | #chart_container.light #chart_parameter_settings { 808 | background-color: rgba(244, 244, 244, 0.8); 809 | border-color: #afb1b3; 810 | color: #393c40 811 | } 812 | 813 | #chart_container.light #chart_parameter_settings #close_settings { 814 | background: #1478c8; 815 | color: #eee 816 | } 817 | 818 | #chart_container input, #chart_container button { 819 | border-radius: 4px; 820 | border-width: 1px; 821 | border-style: solid; 822 | padding: 4px 823 | } 824 | 825 | #chart_container input[type=text] { 826 | width: 12em 827 | } 828 | 829 | #chart_container input[type=button], #chart_container input[type=submit], 830 | #chart_container button { 831 | font-family: arial, sans; 832 | padding: 4px 8px; 833 | cursor: pointer 834 | } 835 | 836 | #chart_container.dark input, #chart_container.dark button { 837 | background-color: #333; 838 | border-color: #333; 839 | color: #ccc 840 | } 841 | 842 | #chart_container.light input, #chart_container.light button { 843 | background-color: #ddd; 844 | border-color: #ddd; 845 | color: #222 846 | } 847 | -------------------------------------------------------------------------------- /img/dropdown_b.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tai7sy/CoinKLine/2c7c3c68253eece6d6dd8adfec3dd104d0b663e2/img/dropdown_b.png -------------------------------------------------------------------------------- /img/dropdown_w.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tai7sy/CoinKLine/2c7c3c68253eece6d6dd8adfec3dd104d0b663e2/img/dropdown_w.png -------------------------------------------------------------------------------- /img/dropup_b.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tai7sy/CoinKLine/2c7c3c68253eece6d6dd8adfec3dd104d0b663e2/img/dropup_b.png -------------------------------------------------------------------------------- /img/dropup_w.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tai7sy/CoinKLine/2c7c3c68253eece6d6dd8adfec3dd104d0b663e2/img/dropup_w.png -------------------------------------------------------------------------------- /img/tool_d_normal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tai7sy/CoinKLine/2c7c3c68253eece6d6dd8adfec3dd104d0b663e2/img/tool_d_normal.png -------------------------------------------------------------------------------- /img/tool_d_push.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tai7sy/CoinKLine/2c7c3c68253eece6d6dd8adfec3dd104d0b663e2/img/tool_d_push.png -------------------------------------------------------------------------------- /img/tool_l_normal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tai7sy/CoinKLine/2c7c3c68253eece6d6dd8adfec3dd104d0b663e2/img/tool_l_normal.png -------------------------------------------------------------------------------- /img/tool_l_push.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tai7sy/CoinKLine/2c7c3c68253eece6d6dd8adfec3dd104d0b663e2/img/tool_l_push.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 | 7 | 8 | 9 | 10 |Main Indicator | 164 |165 | 172 | | 173 |
Chart Style | 176 |
177 |
|
183 |
Theme | 186 |187 | 193 | | 194 |
Tools | 197 |198 | 202 | | 203 |
Indicator | 206 |207 | 211 | | 212 |
215 | |
216 |
|
222 |
MA | 352 |354 | | 355 | 356 | | DMA | 357 |359 | | 360 | |
---|---|---|---|---|---|
EMA | 364 |366 | | 367 | 368 | | TRIX | 369 |370 | | 371 | |
VOLUME | 375 |376 | | 377 | 378 | | BRAR | 379 |380 | | 381 | |
MACD | 385 |387 | | 388 | 389 | | VR | 390 |391 | | 392 | |
KDJ | 396 |398 | | 399 | 400 | | EMV | 401 |402 | | 403 | |
StochRSI | 407 |409 | | 410 | 411 | | WR | 412 |413 | | 414 | |
RSI | 418 |420 | | 421 | 422 | | ROC | 423 |424 | | 425 | |
DMI | 429 |430 | | 431 | 432 | | MTM | 433 |434 | | 435 | |
OBV | 439 |440 | | 441 | 442 | | PSY | 443 |444 | | 445 | |
BOLL | 449 |450 | | 451 | |
t |