const allData = {
    jual: [
        { x: new Date('2025-06-30'), y: 16618 },
    { x: new Date('2025-07-07'), y: 16863 },
    { x: new Date('2025-07-08'), y: 17077 },
    { x: new Date('2025-07-09'), y: 17052 },
    { x: new Date('2025-07-10'), y: 17009 },
    { x: new Date('2025-07-11'), y: 17093 },
    { x: new Date('2025-07-14'), y: 17418 },
    { x: new Date('2025-07-15'), y: 17371 },
    { x: new Date('2025-07-16'), y: 17429 },
    { x: new Date('2025-07-17'), y: 17411 },
    { x: new Date('2025-07-18'), y: 17434 },
    { x: new Date('2025-07-19'), y: 17434 },
    { x: new Date('2025-07-22'), y: 17605 },
    { x: new Date('2025-07-23'), y: 17683 },
    { x: new Date('2025-07-24'), y: 17437 },
    { x: new Date('2025-07-25'), y: 17438 },
    { x: new Date('2025-07-28'), y: 17295 },
    { x: new Date('2025-07-29'), y: 17274 },
    { x: new Date('2025-07-30'), y: 17356 },
    { x: new Date('2025-07-31'), y: 17230 },
    { x: new Date('2025-08-01'), y: 17404 },
    { x: new Date('2025-08-02'), y: 17404 },
    { x: new Date('2025-08-04'), y: 17378 },
    { x: new Date('2025-08-05'), y: 17412 },
    { x: new Date('2025-08-06'), y: 17521 },
    { x: new Date('2025-08-07'), y: 17441 },
    { x: new Date('2025-08-08'), y: 17519 },
    { x: new Date('2025-08-12'), y: 17472 },
    { x: new Date('2025-08-13'), y: 17375 },
    { x: new Date('2025-08-14'), y: 17387 },
    { x: new Date('2025-08-15'), y: 17306 },
    { x: new Date('2025-08-16'), y: 17310 },
    { x: new Date('2025-08-18'), y: 17303 },
    { x: new Date('2025-08-19'), y: 17353 },
    { x: new Date('2025-08-21'), y: 17339 },
    { x: new Date('2025-08-22'), y: 17404 },
    { x: new Date('2025-08-23'), y: 17408 },
    { x: new Date('2025-08-25'), y: 17454 },
    { x: new Date('2025-08-26'), y: 17493 },
    { x: new Date('2025-08-27'), y: 17598 },
    { x: new Date('2025-08-28'), y: 17583 },
    { x: new Date('2025-08-29'), y: 17617 },
    { x: new Date('2025-09-01'), y: 17809 },
    { x: new Date('2025-09-02'), y: 18020 },
    { x: new Date('2025-09-03'), y: 18499 },
    { x: new Date('2025-09-04'), y: 18493 },
    { x: new Date('2025-09-08'), y: 18724 },
    { x: new Date('2025-09-09'), y: 18836 },
    { x: new Date('2025-09-10'), y: 18801 },
    { x: new Date('2025-09-11'), y: 18880 },
    { x: new Date('2025-09-12'), y: 18796 },
    { x: new Date('2025-09-16'), y: 19073 },
    { x: new Date('2025-09-17'), y: 19006 },
    { x: new Date('2025-09-18'), y: 18940 },
    { x: new Date('2025-09-19'), y: 18940 },
    { x: new Date('2025-09-22'), y: 19235 },
    { x: new Date('2025-09-24'), y: 19544 },
    { x: new Date('2025-09-25'), y: 19622 },
    { x: new Date('2025-09-26'), y: 19749 },
    { x: new Date('2025-09-29'), y: 19827 },
    { x: new Date('2025-09-30'), y: 20077 },
    { x: new Date('2025-10-01'), y: 20133 },
    { x: new Date('2025-10-02'), y: 20003 },
    { x: new Date('2025-10-03'), y: 20016 },
    { x: new Date('2025-10-06'), y: 20016 },
    { x: new Date('2025-10-06'), y: 20016 },
    { x: new Date('2025-10-06'), y: 20555 },
    { x: new Date('2025-10-07'), y: 21076 },
    { x: new Date('2025-10-08'), y: 21441 },
    { x: new Date('2025-10-09'), y: 21613 },
    { x: new Date('2025-10-13'), y: 21516 },
    { x: new Date('2025-10-14'), y: 22135 },
    { x: new Date('2025-10-15'), y: 22260 },
    { x: new Date('2025-10-16'), y: 22404 },
    { x: new Date('2025-10-17'), y: 23062 },
    { x: new Date('2025-10-20'), y: 22483 },
    { x: new Date('2025-10-21'), y: 23179 },
    { x: new Date('2025-10-22'), y: 21639 },
    { x: new Date('2025-10-23'), y: 21843 },
    { x: new Date('2025-10-24'), y: 22181 },
    { x: new Date('2025-10-27'), y: 21911 },
    { x: new Date('2025-10-28'), y: 21395 },
    { x: new Date('2025-10-29'), y: 21210 },
    { x: new Date('2025-10-30'), y: 21288 },
    { x: new Date('2025-11-03'), y: 21860 },
    { x: new Date('2025-11-04'), y: 21708 },
    { x: new Date('2025-11-05'), y: 21310 },
    { x: new Date('2025-11-06'), y: 21513 },
    { x: new Date('2025-11-07'), y: 21488 },
    { x: new Date('2025-11-10'), y: 21721 },
    { x: new Date('2025-11-11'), y: 22362 },
    { x: new Date('2025-11-12'), y: 22462 },
    { x: new Date('2025-11-13'), y: 22834 },
    { x: new Date('2025-11-14'), y: 22976 },
    { x: new Date('2025-11-17'), y: 22225 },
    { x: new Date('2025-11-18'), y: 22033 },
    { x: new Date('2025-11-19'), y: 22297 },
    { x: new Date('2025-11-20'), y: 22701 },
    { x: new Date('2025-11-21'), y: 22586 },
    { x: new Date('2025-11-25'), y: 22849 },
    { x: new Date('2025-11-26'), y: 22744 },
    { x: new Date('2025-11-27'), y: 22886 },
    { x: new Date('2025-12-01'), y: 23131 },
    { x: new Date('2025-12-02'), y: 23120 },
    { x: new Date('2025-12-03'), y: 23056 },
    { x: new Date('2025-12-04'), y: 22998 },
    { x: new Date('2025-12-05'), y: 22975 },
    { x: new Date('2025-12-08'), y: 23000 },
    { x: new Date('2025-12-09'), y: 23020 },
    { x: new Date('2025-12-10'), y: 23238 },
    { x: new Date('2025-12-11'), y: 23252 },
    { x: new Date('2025-12-12'), y: 23437 },
    { x: new Date('2025-12-15'), y: 23614 },
    { x: new Date('2025-12-16'), y: 23484 },
    { x: new Date('2025-12-17'), y: 23529 },
    { x: new Date('2025-12-18'), y: 23769 },
    { x: new Date('2025-12-19'), y: 23745 },
    { x: new Date('2025-12-22'), y: 24222 },
    { x: new Date('2025-12-23'), y: 24669 },
    { x: new Date('2025-12-24'), y: 24823 },
    { x: new Date('2025-12-25'), y: 24571 },
    { x: new Date('2025-12-28'), y: 24777 },
    { x: new Date('2026-01-05'), y: 24244 },
    { x: new Date('2026-01-06'), y: 24495 },
    { x: new Date('2026-01-07'), y: 24763 },
    { x: new Date('2026-01-08'), y: 24579 },
    { x: new Date('2026-01-09'), y: 24658 },
    { x: new Date('2026-01-10'), y: 25033 },
    { x: new Date('2026-01-13'), y: 25547 },
    { x: new Date('2026-01-14'), y: 25804 },
    { x: new Date('2026-01-15'), y: 25751 },
    { x: new Date('2026-01-16'), y: 25709 },
    { x: new Date('2026-01-17'), y: 25564 },
    { x: new Date('2026-01-19'), y: 25911 },
    { x: new Date('2026-01-20'), y: 25944 },
    { x: new Date('2026-01-21'), y: 26582 },
    { x: new Date('2026-01-22'), y: 26637 },
    { x: new Date('2026-01-23'), y: 27682 },
    { x: new Date('2026-01-26'), y: 27516 },
    { x: new Date('2026-01-27'), y: 27428 },
    { x: new Date('2026-01-28'), y: 27738 },
    { x: new Date('2026-01-29'), y: 29568 },
    { x: new Date('2026-01-30'), y: 28390 },
    { x: new Date('2026-01-31'), y: 26830 },
    { x: new Date('2026-02-02'), y: 26465 },
    { x: new Date('2026-02-03'), y: 26428 },
    { x: new Date('2026-02-04'), y: 27405 },
    { x: new Date('2026-02-05'), y: 27749 },
    { x: new Date('2026-02-06'), y: 26281 },
    { x: new Date('2026-02-09'), y: 27792 },
    { x: new Date('2026-02-10'), y: 27725 },
    { x: new Date('2026-02-12'), y: 27308 },
    { x: new Date('2026-02-13'), y: 26568 },
    { x: new Date('2026-02-16'), y: 26971 },
    { x: new Date('2026-02-17'), y: 26835 },
    { x: new Date('2026-02-18'), y: 26266 },
    { x: new Date('2026-02-19'), y: 26978 },
    { x: new Date('2026-02-20'), y: 27146 },
    { x: new Date('2026-02-24'), y: 28431 },
    { x: new Date('2026-02-25'), y: 28156 },
    { x: new Date('2026-02-26'), y: 28401 },
    { x: new Date('2026-02-27'), y: 28377 },
    { x: new Date('2026-03-02'), y: 29508 },
    { x: new Date('2026-03-03'), y: 29612 },
    { x: new Date('2026-03-04'), y: 28334 },
    { x: new Date('2026-03-05'), y: 28540 },
    { x: new Date('2026-03-06'), y: 28202 },
    { x: new Date('2026-03-09'), y: 28112 },
    { x: new Date('2026-03-10'), y: 28435 },
    { x: new Date('2026-03-11'), y: 28985 },
    { x: new Date('2026-03-12'), y: 28874 },
    { x: new Date('2026-03-13'), y: 28523 },
    { x: new Date('2026-03-16'), y: 28157 },
    { x: new Date('2026-03-17'), y: 28043 },
    { x: new Date('2026-03-18'), y: 27943 },
    { x: new Date('2026-03-19'), y: 27219 },
    { x: new Date('2026-03-23'), y: 24841 },
    { x: new Date('2026-03-24'), y: 24420 },
    { x: new Date('2026-03-25'), y: 25340 },
    { x: new Date('2026-03-26'), y: 25359 },
    { x: new Date('2026-03-27'), y: 24562 },
    { x: new Date('2026-03-30'), y: 25105 },
    { x: new Date('2026-03-31'), y: 25375 },
    { x: new Date('2026-04-01'), y: 26288 },
    { x: new Date('2026-04-02'), y: 26708 },
    { x: new Date('2026-04-03'), y: 26347 },
    { x: new Date('2026-04-06'), y: 25945 },
    { x: new Date('2026-04-07'), y: 26188 },
    { x: new Date('2026-04-08'), y: 26891 },
    { x: new Date('2026-04-09'), y: 26331 },
    { x: new Date('2026-04-10'), y: 26607 },
    { x: new Date('2026-04-13'), y: 26276 },
    { x: new Date('2026-04-14'), y: 26691 },
    { x: new Date('2026-04-15'), y: 26965 },
    { x: new Date('2026-04-16'), y: 26961 },
    { x: new Date('2026-04-17'), y: 26824 },
    { x: new Date('2026-04-20'), y: 26655 },
    { x: new Date('2026-04-21'), y: 26943 },
    { x: new Date('2026-04-22'), y: 26546 },
    { x: new Date('2026-04-23'), y: 26633 },
    { x: new Date('2026-04-24'), y: 26403 },
    { x: new Date('2026-04-27'), y: 26230 },
    { x: new Date('2026-04-28'), y: 26299 },
    { x: new Date('2026-04-30'), y: 25660 },
    { x: new Date('2026-05-07'), y: 25824 },
    { x: new Date('2026-05-08'), y: 25948 },
    { x: new Date('2026-05-11'), y: 25846 },
    { x: new Date('2026-05-12'), y: 26310 },
    { x: new Date('2026-05-13'), y: 26183 },
    { x: new Date('2026-05-14'), y: 26076 },
    { x: new Date('2026-05-15'), y: 25789 }    ],
    beli: [
        { x: new Date('2025-06-30'), y: 16788 },
    { x: new Date('2025-07-07'), y: 17055 },
    { x: new Date('2025-07-08'), y: 17268 },
    { x: new Date('2025-07-09'), y: 17243 },
    { x: new Date('2025-07-10'), y: 17200 },
    { x: new Date('2025-07-11'), y: 17285 },
    { x: new Date('2025-07-14'), y: 17609 },
    { x: new Date('2025-07-15'), y: 17562 },
    { x: new Date('2025-07-16'), y: 17620 },
    { x: new Date('2025-07-17'), y: 17603 },
    { x: new Date('2025-07-18'), y: 17626 },
    { x: new Date('2025-07-19'), y: 17626 },
    { x: new Date('2025-07-22'), y: 17796 },
    { x: new Date('2025-07-23'), y: 17875 },
    { x: new Date('2025-07-24'), y: 17628 },
    { x: new Date('2025-07-25'), y: 17629 },
    { x: new Date('2025-07-28'), y: 17486 },
    { x: new Date('2025-07-29'), y: 17465 },
    { x: new Date('2025-07-30'), y: 17548 },
    { x: new Date('2025-07-31'), y: 17421 },
    { x: new Date('2025-08-01'), y: 17595 },
    { x: new Date('2025-08-02'), y: 17595 },
    { x: new Date('2025-08-04'), y: 17570 },
    { x: new Date('2025-08-05'), y: 17604 },
    { x: new Date('2025-08-06'), y: 17713 },
    { x: new Date('2025-08-07'), y: 17633 },
    { x: new Date('2025-08-08'), y: 17711 },
    { x: new Date('2025-08-12'), y: 17663 },
    { x: new Date('2025-08-13'), y: 17567 },
    { x: new Date('2025-08-14'), y: 17579 },
    { x: new Date('2025-08-15'), y: 17505 },
    { x: new Date('2025-08-16'), y: 17501 },
    { x: new Date('2025-08-18'), y: 17495 },
    { x: new Date('2025-08-19'), y: 17545 },
    { x: new Date('2025-08-21'), y: 17530 },
    { x: new Date('2025-08-22'), y: 17595 },
    { x: new Date('2025-08-23'), y: 17616 },
    { x: new Date('2025-08-25'), y: 17646 },
    { x: new Date('2025-08-26'), y: 17684 },
    { x: new Date('2025-08-27'), y: 17790 },
    { x: new Date('2025-08-28'), y: 17774 },
    { x: new Date('2025-08-29'), y: 17809 },
    { x: new Date('2025-09-01'), y: 18001 },
    { x: new Date('2025-09-02'), y: 18211 },
    { x: new Date('2025-09-03'), y: 18691 },
    { x: new Date('2025-09-04'), y: 18684 },
    { x: new Date('2025-09-08'), y: 18915 },
    { x: new Date('2025-09-09'), y: 19027 },
    { x: new Date('2025-09-10'), y: 18992 },
    { x: new Date('2025-09-11'), y: 19071 },
    { x: new Date('2025-09-12'), y: 18988 },
    { x: new Date('2025-09-16'), y: 19265 },
    { x: new Date('2025-09-17'), y: 19198 },
    { x: new Date('2025-09-18'), y: 19132 },
    { x: new Date('2025-09-19'), y: 19132 },
    { x: new Date('2025-09-22'), y: 19427 },
    { x: new Date('2025-09-24'), y: 19736 },
    { x: new Date('2025-09-25'), y: 19814 },
    { x: new Date('2025-09-26'), y: 19940 },
    { x: new Date('2025-09-29'), y: 20018 },
    { x: new Date('2025-09-30'), y: 20268 },
    { x: new Date('2025-10-01'), y: 20324 },
    { x: new Date('2025-10-02'), y: 20194 },
    { x: new Date('2025-10-03'), y: 20208 },
    { x: new Date('2025-10-06'), y: 20208 },
    { x: new Date('2025-10-06'), y: 20208 },
    { x: new Date('2025-10-06'), y: 20747 },
    { x: new Date('2025-10-07'), y: 21268 },
    { x: new Date('2025-10-08'), y: 21632 },
    { x: new Date('2025-10-09'), y: 21805 },
    { x: new Date('2025-10-13'), y: 21708 },
    { x: new Date('2025-10-14'), y: 22326 },
    { x: new Date('2025-10-15'), y: 22452 },
    { x: new Date('2025-10-16'), y: 22596 },
    { x: new Date('2025-10-17'), y: 23254 },
    { x: new Date('2025-10-20'), y: 22675 },
    { x: new Date('2025-10-21'), y: 23370 },
    { x: new Date('2025-10-22'), y: 21830 },
    { x: new Date('2025-10-23'), y: 22035 },
    { x: new Date('2025-10-24'), y: 22372 },
    { x: new Date('2025-10-27'), y: 22103 },
    { x: new Date('2025-10-28'), y: 21587 },
    { x: new Date('2025-10-29'), y: 21401 },
    { x: new Date('2025-10-30'), y: 21479 },
    { x: new Date('2025-11-03'), y: 22051 },
    { x: new Date('2025-11-04'), y: 21899 },
    { x: new Date('2025-11-05'), y: 21501 },
    { x: new Date('2025-11-06'), y: 21705 },
    { x: new Date('2025-11-07'), y: 21679 },
    { x: new Date('2025-11-10'), y: 21913 },
    { x: new Date('2025-11-11'), y: 22554 },
    { x: new Date('2025-11-12'), y: 22654 },
    { x: new Date('2025-11-13'), y: 23026 },
    { x: new Date('2025-11-14'), y: 22785 },
    { x: new Date('2025-11-17'), y: 22416 },
    { x: new Date('2025-11-18'), y: 22225 },
    { x: new Date('2025-11-19'), y: 22489 },
    { x: new Date('2025-11-20'), y: 22893 },
    { x: new Date('2025-11-21'), y: 22777 },
    { x: new Date('2025-11-25'), y: 23040 },
    { x: new Date('2025-11-26'), y: 22936 },
    { x: new Date('2025-11-27'), y: 23078 },
    { x: new Date('2025-12-01'), y: 23323 },
    { x: new Date('2025-12-02'), y: 23312 },
    { x: new Date('2025-12-03'), y: 23248 },
    { x: new Date('2025-12-04'), y: 23190 },
    { x: new Date('2025-12-05'), y: 23167 },
    { x: new Date('2025-12-08'), y: 23192 },
    { x: new Date('2025-12-09'), y: 23212 },
    { x: new Date('2025-12-10'), y: 23430 },
    { x: new Date('2025-12-11'), y: 23444 },
    { x: new Date('2025-12-12'), y: 23629 },
    { x: new Date('2025-12-15'), y: 23806 },
    { x: new Date('2025-12-16'), y: 23676 },
    { x: new Date('2025-12-17'), y: 23721 },
    { x: new Date('2025-12-18'), y: 23961 },
    { x: new Date('2025-12-19'), y: 23937 },
    { x: new Date('2025-12-22'), y: 24414 },
    { x: new Date('2025-12-23'), y: 24861 },
    { x: new Date('2025-12-24'), y: 25015 },
    { x: new Date('2025-12-25'), y: 24763 },
    { x: new Date('2025-12-28'), y: 24968 },
    { x: new Date('2026-01-05'), y: 24491 },
    { x: new Date('2026-01-06'), y: 24742 },
    { x: new Date('2026-01-07'), y: 25009 },
    { x: new Date('2026-01-08'), y: 24825 },
    { x: new Date('2026-01-09'), y: 24905 },
    { x: new Date('2026-01-10'), y: 25303 },
    { x: new Date('2026-01-13'), y: 25793 },
    { x: new Date('2026-01-14'), y: 26051 },
    { x: new Date('2026-01-15'), y: 25998 },
    { x: new Date('2026-01-16'), y: 25955 },
    { x: new Date('2026-01-17'), y: 25834 },
    { x: new Date('2026-01-19'), y: 26158 },
    { x: new Date('2026-01-20'), y: 26191 },
    { x: new Date('2026-01-21'), y: 26829 },
    { x: new Date('2026-01-22'), y: 26884 },
    { x: new Date('2026-01-23'), y: 27929 },
    { x: new Date('2026-01-26'), y: 27762 },
    { x: new Date('2026-01-27'), y: 27674 },
    { x: new Date('2026-01-28'), y: 27985 },
    { x: new Date('2026-01-29'), y: 29815 },
    { x: new Date('2026-01-30'), y: 28637 },
    { x: new Date('2026-01-31'), y: 27100 },
    { x: new Date('2026-02-02'), y: 26712 },
    { x: new Date('2026-02-03'), y: 26675 },
    { x: new Date('2026-02-04'), y: 27651 },
    { x: new Date('2026-02-05'), y: 27996 },
    { x: new Date('2026-02-06'), y: 26527 },
    { x: new Date('2026-02-09'), y: 28149 },
    { x: new Date('2026-02-10'), y: 28081 },
    { x: new Date('2026-02-12'), y: 27665 },
    { x: new Date('2026-02-13'), y: 26924 },
    { x: new Date('2026-02-16'), y: 27328 },
    { x: new Date('2026-02-17'), y: 27192 },
    { x: new Date('2026-02-18'), y: 26623 },
    { x: new Date('2026-02-19'), y: 27335 },
    { x: new Date('2026-02-20'), y: 27503 },
    { x: new Date('2026-02-24'), y: 28788 },
    { x: new Date('2026-02-25'), y: 28513 },
    { x: new Date('2026-02-26'), y: 28758 },
    { x: new Date('2026-02-27'), y: 28734 },
    { x: new Date('2026-03-02'), y: 29865 },
    { x: new Date('2026-03-03'), y: 29969 },
    { x: new Date('2026-03-04'), y: 28691 },
    { x: new Date('2026-03-05'), y: 28897 },
    { x: new Date('2026-03-06'), y: 28559 },
    { x: new Date('2026-03-09'), y: 28469 },
    { x: new Date('2026-03-10'), y: 28792 },
    { x: new Date('2026-03-11'), y: 29342 },
    { x: new Date('2026-03-12'), y: 29231 },
    { x: new Date('2026-03-13'), y: 28880 },
    { x: new Date('2026-03-16'), y: 28514 },
    { x: new Date('2026-03-17'), y: 28399 },
    { x: new Date('2026-03-18'), y: 28299 },
    { x: new Date('2026-03-19'), y: 27575 },
    { x: new Date('2026-03-23'), y: 25197 },
    { x: new Date('2026-03-24'), y: 24777 },
    { x: new Date('2026-03-25'), y: 25697 },
    { x: new Date('2026-03-26'), y: 25715 },
    { x: new Date('2026-03-27'), y: 24919 },
    { x: new Date('2026-03-30'), y: 25461 },
    { x: new Date('2026-03-31'), y: 25732 },
    { x: new Date('2026-04-01'), y: 26645 },
    { x: new Date('2026-04-02'), y: 27065 },
    { x: new Date('2026-04-03'), y: 26703 },
    { x: new Date('2026-04-06'), y: 26302 },
    { x: new Date('2026-04-07'), y: 26545 },
    { x: new Date('2026-04-08'), y: 27248 },
    { x: new Date('2026-04-09'), y: 26688 },
    { x: new Date('2026-04-10'), y: 26964 },
    { x: new Date('2026-04-13'), y: 26633 },
    { x: new Date('2026-04-14'), y: 27047 },
    { x: new Date('2026-04-15'), y: 27321 },
    { x: new Date('2026-04-16'), y: 27318 },
    { x: new Date('2026-04-17'), y: 27181 },
    { x: new Date('2026-04-20'), y: 27011 },
    { x: new Date('2026-04-21'), y: 27299 },
    { x: new Date('2026-04-22'), y: 26902 },
    { x: new Date('2026-04-23'), y: 26989 },
    { x: new Date('2026-04-24'), y: 26759 },
    { x: new Date('2026-04-27'), y: 26587 },
    { x: new Date('2026-04-28'), y: 26656 },
    { x: new Date('2026-04-30'), y: 26017 },
    { x: new Date('2026-05-07'), y: 26181 },
    { x: new Date('2026-05-08'), y: 26305 },
    { x: new Date('2026-05-11'), y: 26203 },
    { x: new Date('2026-05-12'), y: 26667 },
    { x: new Date('2026-05-13'), y: 26539 },
    { x: new Date('2026-05-14'), y: 26433 },
    { x: new Date('2026-05-15'), y: 26145 }    ]
};

  const chartOptions = {
    chart: {
      type: 'area',
      height: '300',
      zoom: { enabled: false },
      toolbar: { show: false },
      offsetX: 0
    },
    colors: ['#008FFB', '#DFBD69'],
    dataLabels: { enabled: false },
    stroke: { curve: 'smooth', width: 2 },
    series: [],
xaxis: {
  type: 'datetime',
  labels: {
    datetimeUTC: false,
    formatter: function (value) {
      const date = new Date(value);
      return `${date.getMonth() + 1}月${date.getDate()}日`;
    }
  },
  min: undefined,
  max: undefined
},
    yaxis: {
      tickAmount: 8,
      labels: {
        style: { fontSize: '12px' },
        offsetX: -15,
        formatter: function (value) {
          const text = value.toLocaleString('ja-JP');
          return text.length > 5 ? text.slice(0, 6) + '' : text;
        }
      }
    },
    grid: {
      padding: {
        left: -10,
        right: 0
      }
    },
    tooltip: {
      x: {
          formatter: function (value) {
            const date = new Date(value);
            return `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日`;
        }
      },
      y: {
        formatter: value => new Intl.NumberFormat('ja-JP', {
          style: 'currency',
          currency: 'JPY',
          maximumFractionDigits: 0
        }).format(value)
      }
    },
    fill: {
      type: 'gradient',
      gradient: {
        shadeIntensity: 1,
        opacityFrom: 0.4,
        opacityTo: 0.05,
        stops: [0, 90, 100]
      }
    },
    legend: {
      position: 'top',
      horizontalAlign: 'right'
    }
  };

  const chart = new ApexCharts(document.querySelector("#chart"), chartOptions);

window.addEventListener('load', () => {
  chart.render().then(() => {
    // Panggil filterData hanya setelah render selesai
    filterData('1');
  });
});

  function padIfTooFew(data, cutoff, now) {
    if (data.length === 1) {
      return [
        { x: cutoff.getTime(), y: null },
        ...data,
        { x: now.getTime(), y: null }
      ];
    }
    return data;
  }

  function filterData(months) {
    const now = new Date();
    let cutoff;

    if (months === 'all') {
      cutoff = new Date('2000-01-01');
    } else {
      cutoff = new Date();
      cutoff.setMonth(cutoff.getMonth() - parseInt(months));
    }

    let filteredJual = allData.jual.filter(d => d.x >= cutoff.getTime());
    let filteredBeli = allData.beli.filter(d => d.x >= cutoff.getTime());

    filteredJual = padIfTooFew(filteredJual, cutoff, now);
    filteredBeli = padIfTooFew(filteredBeli, cutoff, now);

    chart.updateSeries([
      { name: '買値', data: filteredJual },
      { name: '売値', data: filteredBeli }
    ]);

const minX = cutoff.getTime();
const maxX = now.getTime();

chart.updateOptions({
  xaxis: {
    type: 'datetime',
    min: minX,
    max: maxX,
    labels: {
        datetimeUTC: false,
        formatter: function (value) {
            const date = new Date(value);
            if (isNaN(date)) return value;
            return `${date.getMonth() + 1}月${date.getDate()}日`;
        }
    }
  }
});
  }

  document.querySelectorAll(".filter-btn").forEach(btn => {
    btn.addEventListener("click", function () {
      document.querySelectorAll(".filter-btn").forEach(b => b.classList.remove("active"));
      this.classList.add("active");
      const months = this.getAttribute("data-months");
      if (months) {
        filterData(months);
      }
    });
  });

  // Initial load (1 Bulan)
  filterData('1');