const allData = {
    jual: [
        { x: new Date('2025-06-29'), y: 16596 },
    { x: new Date('2025-06-30'), y: 16628 },
    { x: new Date('2025-07-01'), y: 16724 },
    { x: new Date('2025-07-06'), y: 16898 },
    { x: new Date('2025-07-08'), y: 17085 },
    { x: new Date('2025-07-09'), y: 17058 },
    { x: new Date('2025-07-10'), y: 17018 },
    { x: new Date('2025-07-11'), y: 17101 },
    { x: new Date('2025-07-14'), y: 17426 },
    { x: new Date('2025-07-15'), y: 17376 },
    { x: new Date('2025-07-16'), y: 17436 },
    { x: new Date('2025-07-17'), y: 17419 },
    { x: new Date('2025-07-18'), y: 17444 },
    { x: new Date('2025-07-19'), y: 17444 },
    { x: new Date('2025-07-22'), y: 17612 },
    { x: new Date('2025-07-23'), y: 17689 },
    { x: new Date('2025-07-24'), y: 17437 },
    { x: new Date('2025-07-25'), y: 17432 },
    { x: new Date('2025-07-28'), y: 17298 },
    { x: new Date('2025-07-29'), y: 17281 },
    { x: new Date('2025-07-30'), y: 17360 },
    { x: new Date('2025-07-31'), y: 17234 },
    { x: new Date('2025-08-01'), y: 17408 },
    { x: new Date('2025-08-02'), y: 17408 },
    { x: new Date('2025-08-04'), y: 17392 },
    { x: new Date('2025-08-05'), y: 17430 },
    { x: new Date('2025-08-06'), y: 17537 },
    { x: new Date('2025-08-07'), y: 17459 },
    { x: new Date('2025-08-08'), y: 17529 },
    { x: new Date('2025-08-12'), y: 17477 },
    { x: new Date('2025-08-13'), y: 17381 },
    { x: new Date('2025-08-14'), y: 17398 },
    { x: new Date('2025-08-15'), y: 17321 },
    { x: new Date('2025-08-16'), y: 17315 },
    { x: new Date('2025-08-18'), y: 17297 },
    { x: new Date('2025-08-19'), y: 17331 },
    { x: new Date('2025-08-20'), y: 17223 },
    { x: new Date('2025-08-21'), y: 17333 },
    { x: new Date('2025-08-21'), y: 17333 },
    { x: new Date('2025-08-22'), y: 17404 },
    { x: new Date('2025-08-23'), y: 17410 },
    { x: new Date('2025-08-25'), y: 17443 },
    { x: new Date('2025-08-26'), y: 17488 },
    { x: new Date('2025-08-27'), y: 17587 },
    { x: new Date('2025-08-28'), y: 17593 },
    { x: new Date('2025-08-29'), y: 17623 },
    { x: new Date('2025-09-01'), y: 17818 },
    { x: new Date('2025-09-02'), y: 18030 },
    { x: new Date('2025-09-03'), y: 18488 },
    { x: new Date('2025-09-04'), y: 18507 },
    { x: new Date('2025-09-05'), y: 18513 },
    { x: new Date('2025-09-08'), y: 18728 },
    { x: new Date('2025-09-09'), y: 18840 },
    { x: new Date('2025-09-10'), y: 18804 },
    { x: new Date('2025-09-11'), y: 18890 },
    { x: new Date('2025-09-13'), y: 18800 },
    { x: new Date('2025-09-16'), y: 19087 },
    { x: new Date('2025-09-17'), y: 19005 },
    { x: new Date('2025-09-18'), y: 18939 },
    { x: new Date('2025-09-19'), y: 18955 },
    { x: new Date('2025-09-22'), y: 19234 },
    { x: new Date('2025-09-24'), y: 19552 },
    { x: new Date('2025-09-25'), y: 19603 },
    { x: new Date('2025-09-26'), y: 19731 },
    { x: new Date('2025-09-29'), y: 19836 },
    { x: new Date('2025-09-30'), y: 20066 },
    { x: new Date('2025-10-01'), y: 20123 },
    { x: new Date('2025-10-02'), y: 19988 },
    { x: new Date('2025-10-03'), y: 19996 },
    { x: new Date('2025-10-06'), y: 20554 },
    { x: new Date('2025-10-07'), y: 21056 },
    { x: new Date('2025-10-08'), y: 21421 },
    { x: new Date('2025-10-09'), y: 21612 },
    { x: new Date('2025-10-13'), y: 21497 },
    { x: new Date('2025-10-14'), y: 22145 },
    { x: new Date('2025-10-15'), y: 22237 },
    { x: new Date('2025-10-16'), y: 22383 },
    { x: new Date('2025-10-17'), y: 23039 },
    { x: new Date('2025-10-20'), y: 22460 },
    { x: new Date('2025-10-21'), y: 23168 },
    { x: new Date('2025-10-22'), y: 21612 },
    { x: new Date('2025-10-23'), y: 21826 },
    { x: new Date('2025-10-24'), y: 22180 },
    { x: new Date('2025-10-27'), y: 21902 },
    { x: new Date('2025-10-28'), y: 21406 },
    { x: new Date('2025-10-29'), y: 21209 },
    { x: new Date('2025-10-30'), y: 21263 },
    { x: new Date('2025-11-03'), y: 21836 },
    { x: new Date('2025-11-04'), y: 21699 },
    { x: new Date('2025-11-05'), y: 21296 },
    { x: new Date('2025-11-06'), y: 21510 },
    { x: new Date('2025-11-07'), y: 21498 },
    { x: new Date('2025-11-10'), y: 21731 },
    { x: new Date('2025-11-11'), y: 22374 },
    { x: new Date('2025-11-12'), y: 22473 },
    { x: new Date('2025-11-13'), y: 22844 },
    { x: new Date('2025-11-14'), y: 22795 },
    { x: new Date('2025-11-17'), y: 22235 },
    { x: new Date('2025-11-18'), y: 22044 },
    { x: new Date('2025-11-19'), y: 22297 },
    { x: new Date('2025-11-20'), y: 22711 },
    { x: new Date('2025-11-21'), y: 22596 },
    { x: new Date('2025-11-25'), y: 22859 },
    { x: new Date('2025-11-26'), y: 22754 },
    { x: new Date('2025-11-27'), y: 22896 },
    { x: new Date('2025-11-28'), y: 22913 },
    { x: new Date('2025-12-01'), y: 23141 },
    { x: new Date('2025-12-02'), y: 23130 },
    { x: new Date('2025-12-03'), y: 23067 },
    { x: new Date('2025-12-04'), y: 23008 },
    { x: new Date('2025-12-05'), y: 22985 },
    { x: new Date('2025-12-08'), y: 23010 },
    { x: new Date('2025-12-09'), y: 23030 },
    { x: new Date('2025-12-10'), y: 23248 },
    { x: new Date('2025-12-11'), y: 23262 },
    { x: new Date('2025-12-12'), y: 23447 },
    { x: new Date('2025-12-15'), y: 23624 },
    { x: new Date('2025-12-16'), y: 23494 },
    { x: new Date('2025-12-17'), y: 23540 },
    { x: new Date('2025-12-18'), y: 23779 },
    { x: new Date('2025-12-19'), y: 23755 },
    { x: new Date('2025-12-22'), y: 24233 },
    { x: new Date('2025-12-23'), y: 24679 },
    { x: new Date('2025-12-24'), y: 24833 },
    { x: new Date('2025-12-26'), y: 24787 },
    { x: new Date('2025-12-29'), y: 24734 },
    { x: new Date('2025-12-30'), y: 23993 },
    { x: new Date('2026-01-05'), y: 24255 },
    { x: new Date('2026-01-06'), y: 24505 },
    { x: new Date('2026-01-07'), y: 24773 },
    { x: new Date('2026-01-08'), y: 24589 },
    { x: new Date('2026-01-09'), y: 24668 },
    { x: new Date('2026-01-13'), y: 25557 },
    { x: new Date('2026-01-14'), y: 25814 },
    { x: new Date('2026-01-15'), y: 25762 },
    { x: new Date('2026-01-16'), y: 25719 },
    { x: new Date('2026-01-17'), y: 25550 },
    { x: new Date('2026-01-19'), y: 25921 },
    { x: new Date('2026-01-20'), y: 25954 },
    { x: new Date('2026-01-21'), y: 26592 },
    { x: new Date('2026-01-22'), y: 26647 },
    { x: new Date('2026-01-23'), y: 27692 },
    { x: new Date('2026-01-26'), y: 27526 },
    { x: new Date('2026-01-27'), y: 27438 },
    { x: new Date('2026-01-28'), y: 27748 },
    { x: new Date('2026-01-29'), y: 29579 },
    { x: new Date('2026-01-30'), y: 29392 },
    { x: new Date('2026-01-31'), y: 26820 },
    { x: new Date('2026-02-02'), y: 26475 },
    { x: new Date('2026-02-03'), y: 26438 },
    { x: new Date('2026-02-04'), y: 27415 },
    { x: new Date('2026-02-05'), y: 27759 },
    { x: new Date('2026-02-06'), y: 26291 },
    { x: new Date('2026-02-09'), y: 27802 },
    { x: new Date('2026-02-10'), y: 27735 },
    { x: new Date('2026-02-12'), y: 27318 },
    { x: new Date('2026-02-13'), y: 26578 },
    { x: new Date('2026-02-16'), y: 26981 },
    { x: new Date('2026-02-17'), y: 26845 },
    { x: new Date('2026-02-18'), y: 26276 },
    { x: new Date('2026-02-19'), y: 26988 },
    { x: new Date('2026-02-20'), y: 27156 },
    { x: new Date('2026-02-24'), y: 28441 },
    { x: new Date('2026-02-25'), y: 28166 },
    { x: new Date('2026-02-26'), y: 28411 },
    { x: new Date('2026-02-27'), y: 28387 },
    { x: new Date('2026-03-02'), y: 29518 },
    { x: new Date('2026-03-03'), y: 29623 },
    { x: new Date('2026-03-04'), y: 28344 },
    { x: new Date('2026-03-05'), y: 28550 },
    { x: new Date('2026-03-06'), y: 28212 },
    { x: new Date('2026-03-09'), y: 28122 },
    { x: new Date('2026-03-10'), y: 28446 },
    { x: new Date('2026-03-11'), y: 28996 },
    { x: new Date('2026-03-12'), y: 28884 },
    { x: new Date('2026-03-13'), y: 28534 },
    { x: new Date('2026-03-16'), y: 28167 },
    { x: new Date('2026-03-17'), y: 28053 },
    { x: new Date('2026-03-18'), y: 27953 },
    { x: new Date('2026-03-19'), y: 27229 },
    { x: new Date('2026-03-23'), y: 24851 },
    { x: new Date('2026-03-24'), y: 24431 },
    { x: new Date('2026-03-25'), y: 25350 },
    { x: new Date('2026-03-26'), y: 25369 },
    { x: new Date('2026-03-27'), y: 24572 },
    { x: new Date('2026-03-30'), y: 25115 },
    { x: new Date('2026-03-31'), y: 25385 },
    { x: new Date('2026-04-01'), y: 26298 },
    { x: new Date('2026-04-02'), y: 26719 },
    { x: new Date('2026-04-03'), y: 26357 },
    { x: new Date('2026-04-06'), y: 25955 },
    { x: new Date('2026-04-07'), y: 26198 },
    { x: new Date('2026-04-08'), y: 26901 },
    { x: new Date('2026-04-09'), y: 26341 },
    { x: new Date('2026-04-10'), y: 26617 },
    { x: new Date('2026-04-13'), y: 26286 },
    { x: new Date('2026-04-14'), y: 26701 },
    { x: new Date('2026-04-15'), y: 26975 },
    { x: new Date('2026-04-16'), y: 26972 },
    { x: new Date('2026-04-17'), y: 26834 },
    { x: new Date('2026-04-20'), y: 26665 },
    { x: new Date('2026-04-21'), y: 26953 },
    { x: new Date('2026-04-22'), y: 26556 },
    { x: new Date('2026-04-23'), y: 26643 },
    { x: new Date('2026-04-24'), y: 26413 },
    { x: new Date('2026-04-27'), y: 26240 },
    { x: new Date('2026-04-28'), y: 26309 },
    { x: new Date('2026-04-30'), y: 25670 },
    { x: new Date('2026-05-01'), y: 25561 },
    { x: new Date('2026-05-07'), y: 25834 },
    { x: new Date('2026-05-08'), y: 25958 },
    { x: new Date('2026-05-11'), y: 25856 },
    { x: new Date('2026-05-12'), y: 26320 },
    { x: new Date('2026-05-13'), y: 26193 },
    { x: new Date('2026-05-14'), y: 26086 },
    { x: new Date('2026-05-15'), y: 25799 }    ],
    beli: [
        { x: new Date('2025-06-29'), y: 16766 },
    { x: new Date('2025-06-30'), y: 16777 },
    { x: new Date('2025-07-01'), y: 16894 },
    { x: new Date('2025-07-06'), y: 17068 },
    { x: new Date('2025-07-08'), y: 17255 },
    { x: new Date('2025-07-09'), y: 17229 },
    { x: new Date('2025-07-10'), y: 17188 },
    { x: new Date('2025-07-11'), y: 17272 },
    { x: new Date('2025-07-14'), y: 17596 },
    { x: new Date('2025-07-15'), y: 17547 },
    { x: new Date('2025-07-16'), y: 17606 },
    { x: new Date('2025-07-17'), y: 17590 },
    { x: new Date('2025-07-18'), y: 17615 },
    { x: new Date('2025-07-19'), y: 17615 },
    { x: new Date('2025-07-22'), y: 17782 },
    { x: new Date('2025-07-23'), y: 17859 },
    { x: new Date('2025-07-24'), y: 17607 },
    { x: new Date('2025-07-25'), y: 17603 },
    { x: new Date('2025-07-28'), y: 17469 },
    { x: new Date('2025-07-29'), y: 17451 },
    { x: new Date('2025-07-30'), y: 17530 },
    { x: new Date('2025-07-31'), y: 17405 },
    { x: new Date('2025-08-01'), y: 17579 },
    { x: new Date('2025-08-02'), y: 17579 },
    { x: new Date('2025-08-04'), y: 17562 },
    { x: new Date('2025-08-05'), y: 17601 },
    { x: new Date('2025-08-06'), y: 17707 },
    { x: new Date('2025-08-07'), y: 17629 },
    { x: new Date('2025-08-08'), y: 17700 },
    { x: new Date('2025-08-12'), y: 17648 },
    { x: new Date('2025-08-13'), y: 17551 },
    { x: new Date('2025-08-14'), y: 17569 },
    { x: new Date('2025-08-15'), y: 17492 },
    { x: new Date('2025-08-16'), y: 17486 },
    { x: new Date('2025-08-18'), y: 17468 },
    { x: new Date('2025-08-19'), y: 17502 },
    { x: new Date('2025-08-20'), y: 17394 },
    { x: new Date('2025-08-21'), y: 17504 },
    { x: new Date('2025-08-21'), y: 17504 },
    { x: new Date('2025-08-22'), y: 17574 },
    { x: new Date('2025-08-23'), y: 17584 },
    { x: new Date('2025-08-25'), y: 17614 },
    { x: new Date('2025-08-26'), y: 17659 },
    { x: new Date('2025-08-27'), y: 17758 },
    { x: new Date('2025-08-28'), y: 17763 },
    { x: new Date('2025-08-29'), y: 17793 },
    { x: new Date('2025-09-01'), y: 17989 },
    { x: new Date('2025-09-02'), y: 18200 },
    { x: new Date('2025-09-03'), y: 18659 },
    { x: new Date('2025-09-04'), y: 18678 },
    { x: new Date('2025-09-05'), y: 18683 },
    { x: new Date('2025-09-08'), y: 18899 },
    { x: new Date('2025-09-09'), y: 19011 },
    { x: new Date('2025-09-10'), y: 18975 },
    { x: new Date('2025-09-11'), y: 19060 },
    { x: new Date('2025-09-13'), y: 18970 },
    { x: new Date('2025-09-16'), y: 19257 },
    { x: new Date('2025-09-17'), y: 19176 },
    { x: new Date('2025-09-18'), y: 19110 },
    { x: new Date('2025-09-19'), y: 19125 },
    { x: new Date('2025-09-22'), y: 19405 },
    { x: new Date('2025-09-24'), y: 19723 },
    { x: new Date('2025-09-25'), y: 19773 },
    { x: new Date('2025-09-26'), y: 19902 },
    { x: new Date('2025-09-29'), y: 20006 },
    { x: new Date('2025-09-30'), y: 20236 },
    { x: new Date('2025-10-01'), y: 20293 },
    { x: new Date('2025-10-02'), y: 20158 },
    { x: new Date('2025-10-03'), y: 20167 },
    { x: new Date('2025-10-06'), y: 20725 },
    { x: new Date('2025-10-07'), y: 21226 },
    { x: new Date('2025-10-08'), y: 21591 },
    { x: new Date('2025-10-09'), y: 21783 },
    { x: new Date('2025-10-13'), y: 21667 },
    { x: new Date('2025-10-14'), y: 22315 },
    { x: new Date('2025-10-15'), y: 22408 },
    { x: new Date('2025-10-16'), y: 22554 },
    { x: new Date('2025-10-17'), y: 23210 },
    { x: new Date('2025-10-20'), y: 22631 },
    { x: new Date('2025-10-21'), y: 23338 },
    { x: new Date('2025-10-22'), y: 21783 },
    { x: new Date('2025-10-23'), y: 21996 },
    { x: new Date('2025-10-24'), y: 22350 },
    { x: new Date('2025-10-27'), y: 22072 },
    { x: new Date('2025-10-28'), y: 21576 },
    { x: new Date('2025-10-29'), y: 21379 },
    { x: new Date('2025-10-30'), y: 21433 },
    { x: new Date('2025-11-03'), y: 22006 },
    { x: new Date('2025-11-04'), y: 21870 },
    { x: new Date('2025-11-05'), y: 21466 },
    { x: new Date('2025-11-06'), y: 21681 },
    { x: new Date('2025-11-07'), y: 21668 },
    { x: new Date('2025-11-10'), y: 21902 },
    { x: new Date('2025-11-11'), y: 22544 },
    { x: new Date('2025-11-12'), y: 22643 },
    { x: new Date('2025-11-13'), y: 23015 },
    { x: new Date('2025-11-14'), y: 22965 },
    { x: new Date('2025-11-17'), y: 22405 },
    { x: new Date('2025-11-18'), y: 22214 },
    { x: new Date('2025-11-19'), y: 22467 },
    { x: new Date('2025-11-20'), y: 22882 },
    { x: new Date('2025-11-21'), y: 22766 },
    { x: new Date('2025-11-25'), y: 23029 },
    { x: new Date('2025-11-26'), y: 22925 },
    { x: new Date('2025-11-27'), y: 23067 },
    { x: new Date('2025-11-28'), y: 23083 },
    { x: new Date('2025-12-01'), y: 23312 },
    { x: new Date('2025-12-02'), y: 23301 },
    { x: new Date('2025-12-03'), y: 23237 },
    { x: new Date('2025-12-04'), y: 23179 },
    { x: new Date('2025-12-05'), y: 23156 },
    { x: new Date('2025-12-08'), y: 23181 },
    { x: new Date('2025-12-09'), y: 23201 },
    { x: new Date('2025-12-10'), y: 23419 },
    { x: new Date('2025-12-11'), y: 23433 },
    { x: new Date('2025-12-12'), y: 23618 },
    { x: new Date('2025-12-15'), y: 23795 },
    { x: new Date('2025-12-16'), y: 23665 },
    { x: new Date('2025-12-17'), y: 23710 },
    { x: new Date('2025-12-18'), y: 23950 },
    { x: new Date('2025-12-19'), y: 23926 },
    { x: new Date('2025-12-22'), y: 24403 },
    { x: new Date('2025-12-23'), y: 24850 },
    { x: new Date('2025-12-24'), y: 25004 },
    { x: new Date('2025-12-26'), y: 24957 },
    { x: new Date('2025-12-29'), y: 24905 },
    { x: new Date('2025-12-30'), y: 24163 },
    { x: new Date('2026-01-05'), y: 24480 },
    { x: new Date('2026-01-06'), y: 24731 },
    { x: new Date('2026-01-07'), y: 24998 },
    { x: new Date('2026-01-08'), y: 24814 },
    { x: new Date('2026-01-09'), y: 24894 },
    { x: new Date('2026-01-13'), y: 25782 },
    { x: new Date('2026-01-14'), y: 26040 },
    { x: new Date('2026-01-15'), y: 25987 },
    { x: new Date('2026-01-16'), y: 25944 },
    { x: new Date('2026-01-17'), y: 25821 },
    { x: new Date('2026-01-19'), y: 26147 },
    { x: new Date('2026-01-20'), y: 26180 },
    { x: new Date('2026-01-21'), y: 26818 },
    { x: new Date('2026-01-22'), y: 26873 },
    { x: new Date('2026-01-23'), y: 27918 },
    { x: new Date('2026-01-26'), y: 27751 },
    { x: new Date('2026-01-27'), y: 27663 },
    { x: new Date('2026-01-28'), y: 27974 },
    { x: new Date('2026-01-29'), y: 29804 },
    { x: new Date('2026-01-30'), y: 29617 },
    { x: new Date('2026-01-31'), y: 27089 },
    { x: new Date('2026-02-02'), y: 26701 },
    { x: new Date('2026-02-03'), y: 26664 },
    { x: new Date('2026-02-04'), y: 27640 },
    { x: new Date('2026-02-05'), y: 27985 },
    { x: new Date('2026-02-06'), y: 26516 },
    { x: new Date('2026-02-09'), y: 28138 },
    { x: new Date('2026-02-10'), y: 28070 },
    { x: new Date('2026-02-12'), y: 27654 },
    { x: new Date('2026-02-13'), y: 26913 },
    { x: new Date('2026-02-16'), y: 27317 },
    { x: new Date('2026-02-17'), y: 27181 },
    { x: new Date('2026-02-18'), y: 26612 },
    { x: new Date('2026-02-19'), y: 27324 },
    { x: new Date('2026-02-20'), y: 27492 },
    { x: new Date('2026-02-24'), y: 28777 },
    { x: new Date('2026-02-25'), y: 28502 },
    { x: new Date('2026-02-26'), y: 28747 },
    { x: new Date('2026-02-27'), y: 28723 },
    { x: new Date('2026-03-02'), y: 29854 },
    { x: new Date('2026-03-03'), y: 29958 },
    { x: new Date('2026-03-04'), y: 28680 },
    { x: new Date('2026-03-05'), y: 28886 },
    { x: new Date('2026-03-06'), y: 28548 },
    { x: new Date('2026-03-09'), y: 28458 },
    { x: new Date('2026-03-10'), y: 28781 },
    { x: new Date('2026-03-11'), y: 29331 },
    { x: new Date('2026-03-12'), y: 29220 },
    { x: new Date('2026-03-13'), y: 28869 },
    { x: new Date('2026-03-16'), y: 28503 },
    { x: new Date('2026-03-17'), y: 28388 },
    { x: new Date('2026-03-18'), y: 28288 },
    { x: new Date('2026-03-19'), y: 27564 },
    { x: new Date('2026-03-23'), y: 25186 },
    { x: new Date('2026-03-24'), y: 24766 },
    { x: new Date('2026-03-25'), y: 25686 },
    { x: new Date('2026-03-26'), y: 25704 },
    { x: new Date('2026-03-27'), y: 24908 },
    { x: new Date('2026-03-30'), y: 25450 },
    { x: new Date('2026-03-31'), y: 25721 },
    { x: new Date('2026-04-01'), y: 26634 },
    { x: new Date('2026-04-02'), y: 27054 },
    { x: new Date('2026-04-03'), y: 26692 },
    { x: new Date('2026-04-06'), y: 26291 },
    { x: new Date('2026-04-07'), y: 26534 },
    { x: new Date('2026-04-08'), y: 27237 },
    { x: new Date('2026-04-09'), y: 26677 },
    { x: new Date('2026-04-10'), y: 26953 },
    { x: new Date('2026-04-13'), y: 26622 },
    { x: new Date('2026-04-14'), y: 27036 },
    { x: new Date('2026-04-15'), y: 27310 },
    { x: new Date('2026-04-16'), y: 27307 },
    { x: new Date('2026-04-17'), y: 27170 },
    { x: new Date('2026-04-20'), y: 27000 },
    { x: new Date('2026-04-21'), y: 27288 },
    { x: new Date('2026-04-22'), y: 26891 },
    { x: new Date('2026-04-23'), y: 26978 },
    { x: new Date('2026-04-24'), y: 26748 },
    { x: new Date('2026-04-27'), y: 26576 },
    { x: new Date('2026-04-28'), y: 26645 },
    { x: new Date('2026-04-30'), y: 26006 },
    { x: new Date('2026-05-01'), y: 25897 },
    { x: new Date('2026-05-07'), y: 26170 },
    { x: new Date('2026-05-08'), y: 26294 },
    { x: new Date('2026-05-11'), y: 26192 },
    { x: new Date('2026-05-12'), y: 26656 },
    { x: new Date('2026-05-13'), y: 26528 },
    { x: new Date('2026-05-14'), y: 26422 },
    { x: new Date('2026-05-15'), y: 26134 }    ]
};

  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');