const allData = {
    jual: [
        { x: new Date('2025-06-30'), y: 16618 },
    { x: new Date('2025-07-06'), y: 16910 },
    { x: new Date('2025-07-08'), y: 17088 },
    { x: new Date('2025-07-09'), y: 17057 },
    { x: new Date('2025-07-10'), y: 17009 },
    { x: new Date('2025-07-11'), y: 17148 },
    { x: new Date('2025-07-14'), y: 17423 },
    { x: new Date('2025-07-15'), y: 17376 },
    { x: new Date('2025-07-16'), y: 17434 },
    { x: new Date('2025-07-17'), y: 17417 },
    { x: new Date('2025-07-18'), y: 17434 },
    { x: new Date('2025-07-19'), y: 17434 },
    { x: new Date('2025-07-22'), y: 17610 },
    { x: new Date('2025-07-23'), y: 17683 },
    { x: new Date('2025-07-24'), y: 17442 },
    { x: new Date('2025-07-25'), y: 17443 },
    { x: new Date('2025-07-28'), y: 17300 },
    { x: new Date('2025-07-29'), y: 17279 },
    { x: new Date('2025-07-30'), y: 17362 },
    { x: new Date('2025-07-31'), y: 17241 },
    { x: new Date('2025-08-01'), y: 17409 },
    { x: new Date('2025-08-02'), y: 17409 },
    { x: new Date('2025-08-04'), y: 17389 },
    { x: new Date('2025-08-05'), y: 17423 },
    { x: new Date('2025-08-06'), y: 17532 },
    { x: new Date('2025-08-07'), y: 17463 },
    { x: new Date('2025-08-08'), y: 17536 },
    { x: new Date('2025-08-13'), y: 17375 },
    { x: new Date('2025-08-14'), y: 17387 },
    { x: new Date('2025-08-15'), y: 17310 },
    { 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-20'), y: 17226 },
    { x: new Date('2025-08-21'), y: 17344 },
    { x: new Date('2025-08-22'), y: 17409 },
    { x: new Date('2025-08-23'), y: 17410 },
    { x: new Date('2025-08-25'), y: 17460 },
    { x: new Date('2025-08-26'), y: 17504 },
    { x: new Date('2025-08-27'), y: 17604 },
    { x: new Date('2025-08-28'), y: 17594 },
    { x: new Date('2025-08-29'), y: 17622 },
    { x: new Date('2025-09-01'), y: 17820 },
    { x: new Date('2025-09-02'), y: 18031 },
    { x: new Date('2025-09-03'), y: 18499 },
    { x: new Date('2025-09-04'), y: 18386 },
    { x: new Date('2025-09-05'), y: 18510 },
    { x: new Date('2025-09-08'), y: 18735 },
    { x: new Date('2025-09-09'), y: 18930 },
    { x: new Date('2025-09-10'), y: 18812 },
    { x: new Date('2025-09-11'), y: 18891 },
    { x: new Date('2025-09-13'), y: 18904 },
    { x: new Date('2025-09-16'), y: 19090 },
    { x: new Date('2025-09-17'), y: 19012 },
    { x: new Date('2025-09-18'), y: 18946 },
    { x: new Date('2025-09-19'), y: 18961 },
    { x: new Date('2025-09-22'), y: 19241 },
    { x: new Date('2025-09-24'), y: 19555 },
    { x: new Date('2025-09-25'), y: 19530 },
    { x: new Date('2025-09-26'), y: 19749 },
    { x: new Date('2025-09-29'), y: 19935 },
    { x: new Date('2025-09-30'), y: 20190 },
    { 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: 20686 },
    { x: new Date('2025-10-07'), y: 21082 },
    { x: new Date('2025-10-08'), y: 21441 },
    { x: new Date('2025-10-09'), y: 21624 },
    { x: new Date('2025-10-13'), y: 21449 },
    { x: new Date('2025-10-14'), y: 22227 },
    { x: new Date('2025-10-15'), y: 22260 },
    { x: new Date('2025-10-16'), y: 22488 },
    { x: new Date('2025-10-17'), y: 22937 },
    { x: new Date('2025-10-20'), y: 22483 },
    { x: new Date('2025-10-21'), y: 23115 },
    { x: new Date('2025-10-22'), y: 21983 },
    { x: new Date('2025-10-23'), y: 21876 },
    { x: new Date('2025-10-24'), y: 22214 },
    { x: new Date('2025-10-27'), y: 21944 },
    { x: new Date('2025-10-28'), y: 21514 },
    { x: new Date('2025-10-29'), y: 21232 },
    { x: new Date('2025-10-30'), y: 21150 },
    { x: new Date('2025-11-03'), y: 21865 },
    { x: new Date('2025-11-04'), y: 21713 },
    { x: new Date('2025-11-05'), y: 21271 },
    { x: new Date('2025-11-06'), y: 21524 },
    { x: new Date('2025-11-07'), y: 21521 },
    { x: new Date('2025-11-10'), y: 21940 },
    { x: new Date('2025-11-11'), y: 22468 },
    { x: new Date('2025-11-12'), y: 22495 },
    { x: new Date('2025-11-13'), y: 22878 },
    { x: new Date('2025-11-14'), y: 22818 },
    { x: new Date('2025-11-17'), y: 22258 },
    { x: new Date('2025-11-18'), y: 22055 },
    { x: new Date('2025-11-19'), y: 22319 },
    { x: new Date('2025-11-20'), y: 22462 },
    { x: new Date('2025-11-21'), y: 22602 },
    { x: new Date('2025-11-25'), y: 22871 },
    { x: new Date('2025-11-26'), y: 22766 },
    { x: new Date('2025-11-27'), y: 22908 },
    { x: new Date('2025-11-28'), y: 22968 },
    { x: new Date('2025-12-01'), y: 23295 },
    { x: new Date('2025-12-02'), y: 23164 },
    { x: new Date('2025-12-03'), y: 23089 },
    { x: new Date('2025-12-04'), y: 23031 },
    { x: new Date('2025-12-05'), y: 22986 },
    { x: new Date('2025-12-08'), y: 23000 },
    { x: new Date('2025-12-09'), y: 23020 },
    { x: new Date('2025-12-10'), y: 23271 },
    { x: new Date('2025-12-11'), y: 23263 },
    { x: new Date('2025-12-12'), y: 23459 },
    { x: new Date('2025-12-15'), y: 23636 },
    { x: new Date('2025-12-16'), y: 23517 },
    { x: new Date('2025-12-17'), y: 23529 },
    { x: new Date('2025-12-18'), y: 23780 },
    { x: new Date('2025-12-19'), y: 23767 },
    { x: new Date('2025-12-22'), y: 24288 },
    { x: new Date('2025-12-23'), y: 24702 },
    { x: new Date('2025-12-24'), y: 24739 },
    { x: new Date('2025-12-28'), y: 24604 },
    { x: new Date('2026-01-05'), y: 24277 },
    { x: new Date('2026-01-06'), y: 24517 },
    { x: new Date('2026-01-07'), y: 24664 },
    { x: new Date('2026-01-08'), y: 24601 },
    { x: new Date('2026-01-09'), y: 24680 },
    { x: new Date('2026-01-13'), y: 25685 },
    { x: new Date('2026-01-14'), y: 25878 },
    { x: new Date('2026-01-15'), y: 25762 },
    { x: new Date('2026-01-16'), y: 25731 },
    { x: new Date('2026-01-19'), y: 25944 },
    { x: new Date('2026-01-20'), y: 25966 },
    { x: new Date('2026-01-21'), y: 26881 },
    { x: new Date('2026-01-22'), y: 26659 },
    { x: new Date('2026-01-23'), y: 27682 },
    { x: new Date('2026-01-26'), y: 27538 },
    { x: new Date('2026-01-27'), y: 27533 },
    { x: new Date('2026-01-28'), y: 28065 },
    { x: new Date('2026-01-29'), y: 29678 },
    { x: new Date('2026-01-30'), y: 28258 },
    { x: new Date('2026-02-02'), y: 25835 },
    { x: new Date('2026-02-03'), y: 26450 },
    { x: new Date('2026-02-04'), y: 27859 },
    { x: new Date('2026-02-05'), y: 27154 },
    { x: new Date('2026-02-06'), y: 26490 },
    { x: new Date('2026-02-09'), y: 27386 },
    { x: new Date('2026-02-10'), y: 27419 },
    { x: new Date('2026-02-12'), y: 27308 },
    { x: new Date('2026-02-13'), y: 26814 },
    { x: new Date('2026-02-16'), y: 26971 },
    { x: new Date('2026-02-17'), y: 26835 },
    { x: new Date('2026-02-18'), y: 26529 },
    { x: new Date('2026-02-19'), y: 27000 },
    { x: new Date('2026-02-20'), y: 27201 },
    { x: new Date('2026-02-24'), y: 28134 },
    { x: new Date('2026-02-25'), y: 28383 },
    { x: new Date('2026-02-26'), y: 28445 },
    { x: new Date('2026-02-27'), y: 28421 },
    { x: new Date('2026-03-02'), y: 29260 },
    { x: new Date('2026-03-03'), y: 29656 },
    { x: new Date('2026-03-04'), y: 28743 },
    { x: new Date('2026-03-05'), y: 28540 },
    { x: new Date('2026-03-06'), y: 28372 },
    { x: new Date('2026-03-09'), y: 28314 },
    { x: new Date('2026-03-10'), y: 28671 },
    { x: new Date('2026-03-11'), y: 28985 },
    { x: new Date('2026-03-12'), y: 28874 },
    { x: new Date('2026-03-13'), y: 28578 },
    { x: new Date('2026-03-16'), y: 28017 },
    { x: new Date('2026-03-17'), y: 28043 },
    { x: new Date('2026-03-18'), y: 27965 },
    { x: new Date('2026-03-19'), y: 27241 },
    { x: new Date('2026-03-23'), y: 24819 },
    { x: new Date('2026-03-24'), y: 24078 },
    { x: new Date('2026-03-25'), y: 25560 },
    { x: new Date('2026-03-26'), y: 25392 },
    { x: new Date('2026-03-27'), y: 24650 },
    { x: new Date('2026-03-27'), y: 24847 },
    { x: new Date('2026-03-30'), y: 25105 },
    { x: new Date('2026-03-31'), y: 25824 },
    { x: new Date('2026-04-01'), y: 26299 },
    { x: new Date('2026-04-02'), y: 26273 },
    { x: new Date('2026-04-03'), y: 26347 },
    { x: new Date('2026-04-06'), y: 25945 },
    { x: new Date('2026-04-07'), y: 26199 },
    { x: new Date('2026-04-08'), y: 26913 },
    { x: new Date('2026-04-09'), y: 26331 },
    { x: new Date('2026-04-10'), y: 26629 },
    { x: new Date('2026-04-13'), y: 26492 },
    { x: new Date('2026-04-14'), y: 26713 },
    { x: new Date('2026-04-15'), y: 26987 },
    { x: new Date('2026-04-16'), y: 26961 },
    { x: new Date('2026-04-17'), y: 26846 },
    { x: new Date('2026-04-20'), y: 26803 },
    { x: new Date('2026-04-21'), y: 26943 },
    { x: new Date('2026-04-22'), y: 26579 },
    { x: new Date('2026-04-23'), y: 26334 },
    { x: new Date('2026-04-24'), y: 26436 },
    { x: new Date('2026-04-27'), y: 26263 },
    { x: new Date('2026-04-28'), y: 26321 },
    { x: new Date('2026-04-30'), y: 25704 },
    { x: new Date('2026-05-01'), y: 25573 },
    { x: new Date('2026-05-07'), y: 25835 },
    { x: new Date('2026-05-08'), y: 25959 },
    { x: new Date('2026-05-11'), y: 25879 },
    { x: new Date('2026-05-12'), y: 26354 },
    { x: new Date('2026-05-13'), y: 26194 },
    { x: new Date('2026-05-14'), y: 26087 },
    { x: new Date('2026-05-15'), y: 25789 }    ],
    beli: [
        { x: new Date('2025-06-30'), y: 16788 },
    { x: new Date('2025-07-06'), y: 17101 },
    { x: new Date('2025-07-08'), y: 17279 },
    { x: new Date('2025-07-09'), y: 17249 },
    { x: new Date('2025-07-10'), y: 17200 },
    { x: new Date('2025-07-11'), y: 17340 },
    { x: new Date('2025-07-14'), y: 17615 },
    { x: new Date('2025-07-15'), y: 17568 },
    { x: new Date('2025-07-16'), y: 17626 },
    { x: new Date('2025-07-17'), y: 17608 },
    { x: new Date('2025-07-18'), y: 17626 },
    { x: new Date('2025-07-19'), y: 17626 },
    { x: new Date('2025-07-22'), y: 17802 },
    { x: new Date('2025-07-23'), y: 17875 },
    { x: new Date('2025-07-24'), y: 17634 },
    { x: new Date('2025-07-25'), y: 17635 },
    { x: new Date('2025-07-28'), y: 17492 },
    { x: new Date('2025-07-29'), y: 17471 },
    { x: new Date('2025-07-30'), y: 17553 },
    { x: new Date('2025-07-31'), y: 17432 },
    { x: new Date('2025-08-01'), y: 17601 },
    { x: new Date('2025-08-02'), y: 17601 },
    { x: new Date('2025-08-04'), y: 17581 },
    { x: new Date('2025-08-05'), y: 17615 },
    { x: new Date('2025-08-06'), y: 17724 },
    { x: new Date('2025-08-07'), y: 17655 },
    { x: new Date('2025-08-08'), y: 17727 },
    { x: new Date('2025-08-13'), y: 17567 },
    { x: new Date('2025-08-14'), y: 17579 },
    { x: new Date('2025-08-15'), y: 17504 },
    { 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-20'), y: 17418 },
    { x: new Date('2025-08-21'), y: 17536 },
    { x: new Date('2025-08-22'), y: 17601 },
    { x: new Date('2025-08-23'), y: 17610 },
    { x: new Date('2025-08-25'), y: 17651 },
    { x: new Date('2025-08-26'), y: 17695 },
    { x: new Date('2025-08-27'), y: 17795 },
    { x: new Date('2025-08-28'), y: 17785 },
    { x: new Date('2025-08-29'), y: 17814 },
    { x: new Date('2025-09-01'), y: 18012 },
    { x: new Date('2025-09-02'), y: 18222 },
    { x: new Date('2025-09-03'), y: 18691 },
    { x: new Date('2025-09-04'), y: 18577 },
    { x: new Date('2025-09-05'), y: 18702 },
    { x: new Date('2025-09-08'), y: 18926 },
    { x: new Date('2025-09-09'), y: 19122 },
    { x: new Date('2025-09-10'), y: 19003 },
    { x: new Date('2025-09-11'), y: 19082 },
    { x: new Date('2025-09-13'), y: 19096 },
    { x: new Date('2025-09-16'), y: 19281 },
    { x: new Date('2025-09-17'), y: 19203 },
    { x: new Date('2025-09-18'), y: 19137 },
    { x: new Date('2025-09-19'), y: 19153 },
    { x: new Date('2025-09-22'), y: 19432 },
    { x: new Date('2025-09-24'), y: 19747 },
    { x: new Date('2025-09-25'), y: 19721 },
    { x: new Date('2025-09-26'), y: 19940 },
    { x: new Date('2025-09-29'), y: 20126 },
    { x: new Date('2025-09-30'), y: 20381 },
    { 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: 20878 },
    { x: new Date('2025-10-07'), y: 21274 },
    { x: new Date('2025-10-08'), y: 21632 },
    { x: new Date('2025-10-09'), y: 21816 },
    { x: new Date('2025-10-13'), y: 21641 },
    { x: new Date('2025-10-14'), y: 22419 },
    { x: new Date('2025-10-15'), y: 22452 },
    { x: new Date('2025-10-16'), y: 22679 },
    { x: new Date('2025-10-17'), y: 23128 },
    { x: new Date('2025-10-20'), y: 22675 },
    { x: new Date('2025-10-21'), y: 23306 },
    { x: new Date('2025-10-22'), y: 22174 },
    { x: new Date('2025-10-23'), y: 22068 },
    { x: new Date('2025-10-24'), y: 22405 },
    { x: new Date('2025-10-27'), y: 22136 },
    { x: new Date('2025-10-28'), y: 21706 },
    { x: new Date('2025-10-29'), y: 21423 },
    { x: new Date('2025-10-30'), y: 21342 },
    { x: new Date('2025-11-03'), y: 22057 },
    { x: new Date('2025-11-04'), y: 21905 },
    { x: new Date('2025-11-05'), y: 21463 },
    { x: new Date('2025-11-06'), y: 21716 },
    { x: new Date('2025-11-07'), y: 21712 },
    { x: new Date('2025-11-10'), y: 22132 },
    { x: new Date('2025-11-11'), y: 22660 },
    { x: new Date('2025-11-12'), y: 22687 },
    { x: new Date('2025-11-13'), y: 23070 },
    { x: new Date('2025-11-14'), y: 23009 },
    { x: new Date('2025-11-17'), y: 22449 },
    { x: new Date('2025-11-18'), y: 22247 },
    { x: new Date('2025-11-19'), y: 22511 },
    { x: new Date('2025-11-20'), y: 22654 },
    { x: new Date('2025-11-21'), y: 22794 },
    { x: new Date('2025-11-25'), y: 23062 },
    { x: new Date('2025-11-26'), y: 22958 },
    { x: new Date('2025-11-27'), y: 23100 },
    { x: new Date('2025-11-28'), y: 23160 },
    { x: new Date('2025-12-01'), y: 23487 },
    { x: new Date('2025-12-02'), y: 23356 },
    { x: new Date('2025-12-03'), y: 23281 },
    { x: new Date('2025-12-04'), y: 23223 },
    { x: new Date('2025-12-05'), y: 23178 },
    { x: new Date('2025-12-08'), y: 23192 },
    { x: new Date('2025-12-09'), y: 23212 },
    { x: new Date('2025-12-10'), y: 23463 },
    { x: new Date('2025-12-11'), y: 23455 },
    { x: new Date('2025-12-12'), y: 23651 },
    { x: new Date('2025-12-15'), y: 23828 },
    { x: new Date('2025-12-16'), y: 23709 },
    { x: new Date('2025-12-17'), y: 23721 },
    { x: new Date('2025-12-18'), y: 23972 },
    { x: new Date('2025-12-19'), y: 23959 },
    { x: new Date('2025-12-22'), y: 24480 },
    { x: new Date('2025-12-23'), y: 24894 },
    { x: new Date('2025-12-24'), y: 24931 },
    { x: new Date('2025-12-28'), y: 24796 },
    { x: new Date('2026-01-05'), y: 24524 },
    { x: new Date('2026-01-06'), y: 24764 },
    { x: new Date('2026-01-07'), y: 24910 },
    { x: new Date('2026-01-08'), y: 24847 },
    { x: new Date('2026-01-09'), y: 24927 },
    { x: new Date('2026-01-13'), y: 25932 },
    { x: new Date('2026-01-14'), y: 26125 },
    { x: new Date('2026-01-15'), y: 26009 },
    { x: new Date('2026-01-16'), y: 25977 },
    { x: new Date('2026-01-19'), y: 26191 },
    { x: new Date('2026-01-20'), y: 26213 },
    { x: new Date('2026-01-21'), y: 27128 },
    { x: new Date('2026-01-22'), y: 26906 },
    { x: new Date('2026-01-23'), y: 27929 },
    { x: new Date('2026-01-26'), y: 27784 },
    { x: new Date('2026-01-27'), y: 27780 },
    { x: new Date('2026-01-28'), y: 28311 },
    { x: new Date('2026-01-29'), y: 29925 },
    { x: new Date('2026-01-30'), y: 28505 },
    { x: new Date('2026-02-02'), y: 26082 },
    { x: new Date('2026-02-03'), y: 26697 },
    { x: new Date('2026-02-04'), y: 28106 },
    { x: new Date('2026-02-05'), y: 27401 },
    { x: new Date('2026-02-06'), y: 26736 },
    { x: new Date('2026-02-09'), y: 27743 },
    { x: new Date('2026-02-10'), y: 27776 },
    { x: new Date('2026-02-12'), y: 27665 },
    { x: new Date('2026-02-13'), y: 27171 },
    { x: new Date('2026-02-16'), y: 27328 },
    { x: new Date('2026-02-17'), y: 27192 },
    { x: new Date('2026-02-18'), y: 26886 },
    { x: new Date('2026-02-19'), y: 27357 },
    { x: new Date('2026-02-20'), y: 27558 },
    { x: new Date('2026-02-24'), y: 28491 },
    { x: new Date('2026-02-25'), y: 28739 },
    { x: new Date('2026-02-26'), y: 28802 },
    { x: new Date('2026-02-27'), y: 28778 },
    { x: new Date('2026-03-02'), y: 29617 },
    { x: new Date('2026-03-03'), y: 30013 },
    { x: new Date('2026-03-04'), y: 29100 },
    { x: new Date('2026-03-05'), y: 28897 },
    { x: new Date('2026-03-06'), y: 28728 },
    { x: new Date('2026-03-09'), y: 28671 },
    { x: new Date('2026-03-10'), y: 29027 },
    { x: new Date('2026-03-11'), y: 29342 },
    { x: new Date('2026-03-12'), y: 29231 },
    { x: new Date('2026-03-13'), y: 28935 },
    { x: new Date('2026-03-16'), y: 28374 },
    { x: new Date('2026-03-17'), y: 28399 },
    { x: new Date('2026-03-18'), y: 28321 },
    { x: new Date('2026-03-19'), y: 27597 },
    { x: new Date('2026-03-23'), y: 25175 },
    { x: new Date('2026-03-24'), y: 24435 },
    { x: new Date('2026-03-25'), y: 25917 },
    { x: new Date('2026-03-26'), y: 25748 },
    { x: new Date('2026-03-27'), y: 25007 },
    { x: new Date('2026-03-27'), y: 25204 },
    { x: new Date('2026-03-30'), y: 25461 },
    { x: new Date('2026-03-31'), y: 26181 },
    { x: new Date('2026-04-01'), y: 26656 },
    { x: new Date('2026-04-02'), y: 26629 },
    { x: new Date('2026-04-03'), y: 26703 },
    { x: new Date('2026-04-06'), y: 26302 },
    { x: new Date('2026-04-07'), y: 26556 },
    { x: new Date('2026-04-08'), y: 27270 },
    { x: new Date('2026-04-09'), y: 26688 },
    { x: new Date('2026-04-10'), y: 26986 },
    { x: new Date('2026-04-13'), y: 26848 },
    { x: new Date('2026-04-14'), y: 27069 },
    { x: new Date('2026-04-15'), y: 27343 },
    { x: new Date('2026-04-16'), y: 27318 },
    { x: new Date('2026-04-17'), y: 27203 },
    { x: new Date('2026-04-20'), y: 27160 },
    { x: new Date('2026-04-21'), y: 27299 },
    { x: new Date('2026-04-22'), y: 26935 },
    { x: new Date('2026-04-23'), y: 26691 },
    { x: new Date('2026-04-24'), y: 26792 },
    { x: new Date('2026-04-27'), y: 26620 },
    { x: new Date('2026-04-28'), y: 26678 },
    { x: new Date('2026-04-30'), y: 26061 },
    { x: new Date('2026-05-01'), y: 25930 },
    { x: new Date('2026-05-07'), y: 26192 },
    { x: new Date('2026-05-08'), y: 26316 },
    { x: new Date('2026-05-11'), y: 26236 },
    { x: new Date('2026-05-12'), y: 26711 },
    { x: new Date('2026-05-13'), y: 26550 },
    { x: new Date('2026-05-14'), y: 26444 },
    { 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');