{"id":6584,"date":"2024-08-16T16:41:57","date_gmt":"2024-08-16T13:41:57","guid":{"rendered":"https:\/\/ailit.lt\/%d1%86%d0%b5%d0%bd%d1%8b-%d0%bd%d0%b0-%d0%b4%d1%80%d0%b0%d0%b3%d0%be%d1%86%d0%b5%d0%bd%d0%bd%d1%8b%d0%b5-%d0%bc%d0%b5%d1%82%d0%b0%d0%bb%d0%bb%d1%8b\/"},"modified":"2024-08-20T13:39:05","modified_gmt":"2024-08-20T10:39:05","slug":"%d1%86%d0%b5%d0%bd%d1%8b-%d0%bd%d0%b0-%d0%b4%d1%80%d0%b0%d0%b3%d0%be%d1%86%d0%b5%d0%bd%d0%bd%d1%8b%d0%b5-%d0%bc%d0%b5%d1%82%d0%b0%d0%bb%d0%bb%d1%8b","status":"publish","type":"page","link":"https:\/\/ailit.lt\/ru\/%d1%86%d0%b5%d0%bd%d1%8b-%d0%bd%d0%b0-%d0%b4%d1%80%d0%b0%d0%b3%d0%be%d1%86%d0%b5%d0%bd%d0%bd%d1%8b%d0%b5-%d0%bc%d0%b5%d1%82%d0%b0%d0%bb%d0%bb%d1%8b\/","title":{"rendered":"\u0426\u0435\u043d\u044b \u043d\u0430 \u0434\u0440\u0430\u0433\u043e\u0446\u0435\u043d\u043d\u044b\u0435 \u043c\u0435\u0442\u0430\u043b\u043b\u044b"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6584\" class=\"elementor elementor-6584 elementor-2181\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-631182b e-con-full e-flex e-con e-parent\" data-id=\"631182b\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-420804b e-con-full animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"420804b\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-a5c8df0 e-con-full e-transform e-flex e-con e-child\" data-id=\"a5c8df0\" data-element_type=\"container\" data-settings=\"{&quot;_transform_skewX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-10,&quot;sizes&quot;:[]},&quot;_transform_skewX_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_transform_skewX_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_skewY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_skewY_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_skewY_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40f0954 animated-fast elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"40f0954\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 25-07-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">\u0426\u0435\u043d\u044b \u043d\u0430 \u0434\u0440\u0430\u0433\u043e\u0446\u0435\u043d\u043d\u044b\u0435 \u043c\u0435\u0442\u0430\u043b\u043b\u044b<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-043dfdf animated-fast elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"043dfdf\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:800}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 25-07-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0441\u0430\u043c\u0443\u044e \u0441\u0432\u0435\u0436\u0443\u044e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e \u0446\u0435\u043d\u0430\u0445 \u043d\u0430 \u0434\u0440\u0430\u0433\u043e\u0446\u0435\u043d\u043d\u044b\u0435 \u043c\u0435\u0442\u0430\u043b\u043b\u044b. \u041f\u0440\u043e\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0439\u0442\u0435 \u0438\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0446\u0435\u043d, \u0441\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u0439\u0442\u0435 \u0446\u0435\u043d\u044b \u043d\u0430 \u043c\u0435\u0442\u0430\u043b\u043b\u044b \u0441 \u0442\u0435\u0447\u0435\u043d\u0438\u0435\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438 \u0430\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0439\u0442\u0435 \u0446\u0435\u043d\u043e\u0432\u044b\u0435 \u0442\u0435\u043d\u0434\u0435\u043d\u0446\u0438\u0438 \u043d\u0430 \u0433\u0440\u0430\u0444\u0438\u043a\u0430\u0445. <\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5911b4 e-con-full e-transform e-transform e-flex elementor-invisible e-con e-child\" data-id=\"b5911b4\" data-element_type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;,&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:7,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_transform_skewX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;_transform_skewX_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;animation&quot;:&quot;fadeIn&quot;,&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_skewX_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_skewY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_skewY_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_skewY_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-832e8bb elementor-widget__width-inherit elementor-absolute e-transform e-transform elementor-widget-mobile__width-inherit elementor-widget elementor-widget-image\" data-id=\"832e8bb\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:-55,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:-57,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:-50,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:-50,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_skewX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-10,&quot;sizes&quot;:[]},&quot;_transform_skewX_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_transform_skewX_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_skewY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_skewY_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_skewY_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 25-07-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"997\" height=\"558\" src=\"https:\/\/ailit.lt\/wp-content\/uploads\/2024\/08\/precious-metals-investing.jpg\" class=\"attachment-large size-large wp-image-2400\" alt=\"\" srcset=\"https:\/\/ailit.lt\/wp-content\/uploads\/2024\/08\/precious-metals-investing.jpg 997w, https:\/\/ailit.lt\/wp-content\/uploads\/2024\/08\/precious-metals-investing-300x168.jpg 300w, https:\/\/ailit.lt\/wp-content\/uploads\/2024\/08\/precious-metals-investing-768x430.jpg 768w\" sizes=\"(max-width: 997px) 100vw, 997px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8794ba0 e-flex e-con-boxed e-con e-parent\" data-id=\"8794ba0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-507956c e-flex e-con-boxed e-con e-child\" data-id=\"507956c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2606bfe elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2606bfe\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div>\n    <h4 class=\"vv-heading\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043f\u0435\u0440\u0438\u043e\u0434 \u0432\u0440\u0435\u043c\u0435\u043d\u0438:<\/h4>\n    <div class=\"date-picker-wrap\">\n        <div class=\"date-picker\">\n            <label for=\"start-date\">\u041e\u0422:<\/label>\n            <input type=\"date\" id=\"start-date\">\n        <\/div>\n    \n        <div class=\"date-picker\">\n            <label for=\"end-date\">\u0414\u041e:<\/label>\n            <input type=\"date\" id=\"end-date\">\n        <\/div>\n    <\/div>\n    \n    \n    <div class=\"update-wrap\">\n        \n    <button id=\"update-chart\">\u041e\u0431\u043d\u043e\u0432\u0438\u0442\u044c <span id=\"countdown\"><\/span><\/button>\n    \n    <div id=\"loading-spinner\" class=\"loading-spinner\" style=\"display: none;\">\n    <div class=\"spinner\"><\/div>\n<\/div>\n    <\/div>\n\n    <h4 class=\"vv-heading\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0438\u043f \u0434\u0440\u0430\u0433\u043e\u0446\u0435\u043d\u043d\u043e\u0433\u043e \u043c\u0435\u0442\u0430\u043b\u043b\u0430:<\/h4>\n    <div class=\"metal-buttons\">\n        <button id=\"btn-gold\" class=\"metal-btn\" data-metal=\"XAU\">\u0417\u043e\u043b\u043e\u0442\u043e<\/button><button id=\"btn-silver\" class=\"metal-btn\" data-metal=\"XAG\">\u0421\u0435\u0440\u0435\u0431\u0440\u043e<\/button><button id=\"btn-platinum\" class=\"metal-btn\" data-metal=\"XPT\">\u041f\u043b\u0430\u0442\u0438\u043d\u0430<\/button><button id=\"btn-palladium\" class=\"metal-btn\" data-metal=\"XPD\">\u041f\u0430\u043b\u043b\u0430\u0434\u0438\u0439<\/button><button id=\"btn-rhodium\" class=\"metal-btn\" data-metal=\"XRH\">\u0420\u043e\u0434\u0438\u0439<\/button>\n    <\/div>\n\n    \n<\/div>\n\n<!-- Error Message Display -->\n<div id=\"error-message\" style=\"color: red; margin-top: 10px;\"><\/div>\n\n<canvas id=\"metalPricesChart\"><\/canvas>\n\n<!-- Include Chart.js -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n<!-- Include the date-fns adapter for Chart.js -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chartjs-adapter-date-fns\"><\/script>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n    const startDateInput = document.getElementById('start-date');\n    const endDateInput = document.getElementById('end-date');\n    const chartCanvas = document.getElementById('metalPricesChart');\n    const updateButton = document.getElementById('update-chart');\n    const errorMessageDiv = document.getElementById('error-message');\n    let chart;\n    let allMetalData = {};\n\n    let canFetch = true;\n\n    let number = 11;\n\n    const loadingSpinner = document.querySelector('.loading-spinner');\n\n    \/\/ Set default date range\n    function setDefaultDates() {\n        const today = new Date();\n        const startDate = new Date(today);\n        startDate.setMonth(today.getMonth() - 1);\n\n        const formatDate = (date) => date.toISOString().split('T')[0];\n\n        startDateInput.value = formatDate(startDate);\n        endDateInput.value = formatDate(today);\n    }\n\n    const countdownElement = document.getElementById('countdown');\n\n    setDefaultDates();\n\n    let selectedMetal = 'XAU';\n    document.getElementById('btn-gold').classList.add('active');\n\n    async function fetchAllMetalData() {\n        canFetch = false;\n        updateButton.disabled = true;\n\n        const countdown = setInterval(() => {\n            countdownElement.classList.add('visible');\n            number--;\n            countdownElement.textContent = `(${number})`;\n\n            if (number < 1) {\n                clearInterval(countdown);\n                countdownElement.classList.remove('visible');\n                number = 11;\n                canFetch = true;\n                updateButton.disabled = false;\n            }\n        }, 1000);\n        allMetalData = {};\n        const startDate = startDateInput.value;\n        const endDate = endDateInput.value;\n        const apiKey = '997e0b732f656c3a901492501c0126cc';\n        const metals = ['XAU', 'XAG', 'XPT', 'XPD', 'XRH'];\n        const baseApiUrl = 'https:\/\/api.metalpriceapi.com\/v1\/timeframe';\n        try {\n            loadingSpinner.style.display = 'flex';\n            const response = await fetch(\n                `${baseApiUrl}?start_date=${startDate}&end_date=${endDate}&currencies=${metals.join(',')}&unit=troy_oz&api_key=${apiKey}`\n            );\n            const data = await response.json();\n            errorMessageDiv.textContent = '';\n            Object.keys(data.rates).forEach((date) => {\n                Object.keys(data.rates[date]).forEach((metal) => {\n                    if (metal.startsWith('USD')) {\n                        const metalCode = metal.replace('USD', '');\n                        if (!allMetalData[metalCode]) {\n                            allMetalData[metalCode] = {};\n                        }\n                        allMetalData[metalCode][date] = data.rates[date][metal];\n                    }\n                });\n            });\n\n            updateChart();\n        } catch (error) {\n            errorMessageDiv.textContent = '\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0438 \u0434\u0430\u043d\u043d\u044b\u0445. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0432\u0442\u043e\u0440\u0438\u0442\u0435 \u043f\u043e\u043f\u044b\u0442\u043a\u0443 \u043f\u043e\u0437\u0436\u0435.';\n        } finally {\n            loadingSpinner.style.display = 'none';\n        }\n    }\n\n    function updateChart() {\n        const startDate = startDateInput.value;\n        const endDate = endDateInput.value;\n\n        if (!allMetalData[selectedMetal]) {\n            errorMessageDiv.textContent = '\u0414\u043b\u044f \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0433\u043e \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d\u0430 \u0434\u0430\u0442 \u043d\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0445.';\n            return;\n        }\n\n        errorMessageDiv.textContent = '';\n\n        const data = allMetalData[selectedMetal];\n        const dates = Object.keys(data).filter((date) => date >= startDate && date <= endDate);\n        const prices = dates.map((date) => data[date]);\n\n        if (chart) {\n            chart.destroy();\n        }\n\n        chart = new Chart(chartCanvas, {\n            type: 'line',\n            data: {\n                labels: dates,\n                datasets: [\n                    {\n                        label:\n                            selectedMetal === 'XAU'\n                                ? '\u0417\u043e\u043b\u043e\u0442\u043e USD\/ozt'\n                                : selectedMetal === 'XAG'\n                                ? '\u0421\u0435\u0440\u0435\u0431\u0440\u043e USD\/ozt'\n                                : selectedMetal === 'XPT'\n                                ? '\u041f\u043b\u0430\u0442\u0438\u043d\u0430 USD\/ozt'\n                                : selectedMetal === 'XPD'\n                                ? '\u041f\u0430\u043b\u043b\u0430\u0434\u0438\u0439 USD\/ozt'\n                                : selectedMetal === 'XRH'\n                                ? '\u0420\u043e\u0434\u0438\u0439 USD\/oz'\n                                : selectedMetal,\n                        data: prices,\n                        borderColor: '#0645b1',\n                        borderWidth: 2,\n                    },\n                ],\n            },\n            options: {\n                scales: {\n                    x: {\n                        type: 'time',\n                        time: {\n                            unit: 'day',\n                            parser: 'yyyy-MM-dd',\n                            tooltipFormat: 'yyyy-MM-dd',\n                            displayFormats: {\n                                day: 'yyyy-MM-dd',\n                            },\n                        },\n                        title: {\n                            display: false,\n                            text: '\u0414\u0430\u0442\u0430',\n                        },\n                    },\n                    y: {\n                        title: {\n                            display: false,\n                            text: '\u0426\u0435\u043d\u0430 (USD)',\n                        },\n                        ticks: {\n                            callback: function (value) {\n                                return '$' + value;\n                            },\n                        },\n                    },\n                },\n                plugins: {\n                    tooltip: {\n                        callbacks: {\n                            label: function (context) {\n                                let label = context.dataset.label || '';\n                                if (label) {\n                                    label += ': ';\n                                }\n                                if (context.parsed.y !== null) {\n                                    label += '$' + context.parsed.y.toFixed(2);\n                                }\n                                return label;\n                            },\n                        },\n                    },\n                },\n            },\n        });\n    }\n\n    document.querySelectorAll('.metal-btn').forEach((button) => {\n        button.addEventListener('click', function () {\n            document.querySelectorAll('.metal-btn').forEach((btn) => btn.classList.remove('active'));\n\n            selectedMetal = this.getAttribute('data-metal');\n\n            this.classList.add('active');\n\n            updateChart();\n        });\n    });\n\n    updateButton.addEventListener('click', () => {\n        if (canFetch) {\n            fetchAllMetalData();\n        }\n    });\n\n    fetchAllMetalData();\n});\n\n<\/script>\n\n<style>\n    .metal-buttons{\n        display: flex;\n        gap: 10px;\n        \n    }\n    \n    .metal-btn {\n        padding: 10px 20px;\n        font-size: 16px;\n        border-radius: 3px;\n        border: none;\n        background-color: #0645b1;\n        color: white;\n        cursor: pointer;\n        transition: 0.25s;\n        font-weight: 400;\n    }\n    \n    .metal-btn:hover{\n        background-color: #001A31;\n        color: white;\n    }\n    .metal-btn.active {\n        background-color: #007bff;\n        color: #fff;\n    }\n    \n    #update-chart{\n        padding: 10px 20px;\n        font-size: 16px;\n        border-radius: 1em;\n        border: none;\n        background-color: #fcc247;\n        color: black;\n        cursor: pointer;\n        transition: 0.25s;\n        font-weight: 400;\n        \n        box-shadow: 0 3px 3px #00000020;\n    }\n    \n    #update-chart:disabled{\n        background-color: gray;\n    }\n    \n    #update-chart:hover{\n        transform: translateY(-3px);\n        box-shadow: 0 6px 6px #00000020;\n    }\n    \n    .date-picker-wrap{\n        display: flex;\n        gap: 30px\n    }\n    \n    .date-picker{\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n    \n    .date-picker label{\n        text-transform: uppercase;\n        font-size: 16px;\n        font-weight: bold;\n    }\n    \n    .vv-heading{\n        margin-bottom: 10px\n    }\n    \n    .date-picker input{\n        box-shadow: 0 5px 5px #00000010\n    }\n    \n    .loading-spinner {\n        width: 20px;\n        height: 20px;\n        background: rgba(255, 255, 255, 0.7);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 9999;\n    }\n    \n    .spinner {\n        border: 3px solid #f3f3f3;\n        border-top: 3px solid #0645b1;\n        border-radius: 50%;\n        width: 20px;\n        height: 20px;\n        animation: spin 1s linear infinite;\n    }\n\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n    \n    .update-wrap{\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        margin: 20px 0;\n        margin-bottom: 40px;\n    }\n    \n    #countdown {\n        display: none;\n        font-size: 14px;\n    }\n    \n    #countdown.visible{\n        display: inline;\n    }\n    \n    @media (max-width: 768px){\n        .date-picker-wrap{\n            flex-wrap: wrap;\n            gap: 20px;\n         }\n         \n         .date-picker-wrap label{\n            width: 60px;\n         }\n         \n         .metal-buttons{\n            flex-wrap: wrap;\n            \n        }\n        \n        .metal-btn {\n            padding: 8px 16px;\n            font-size: 14px;\n        }\n    }\n<\/style>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0426\u0435\u043d\u044b \u043d\u0430 \u0434\u0440\u0430\u0433\u043e\u0446\u0435\u043d\u043d\u044b\u0435 \u043c\u0435\u0442\u0430\u043b\u043b\u044b \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0441\u0430\u043c\u0443\u044e \u0441\u0432\u0435\u0436\u0443\u044e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e \u0446\u0435\u043d\u0430\u0445 \u043d\u0430 \u0434\u0440\u0430\u0433\u043e\u0446\u0435\u043d\u043d\u044b\u0435 \u043c\u0435\u0442\u0430\u043b\u043b\u044b. \u041f\u0440\u043e\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0439\u0442\u0435 \u0438\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0446\u0435\u043d, \u0441\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u0439\u0442\u0435 \u0446\u0435\u043d\u044b \u043d\u0430 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6584","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ailit.lt\/ru\/wp-json\/wp\/v2\/pages\/6584","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ailit.lt\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ailit.lt\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ailit.lt\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ailit.lt\/ru\/wp-json\/wp\/v2\/comments?post=6584"}],"version-history":[{"count":3,"href":"https:\/\/ailit.lt\/ru\/wp-json\/wp\/v2\/pages\/6584\/revisions"}],"predecessor-version":[{"id":6587,"href":"https:\/\/ailit.lt\/ru\/wp-json\/wp\/v2\/pages\/6584\/revisions\/6587"}],"wp:attachment":[{"href":"https:\/\/ailit.lt\/ru\/wp-json\/wp\/v2\/media?parent=6584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}