荷属 ��他用户正在兑换 2 md!-- 左侧�4

荷属 1 md!-- 左侧�2 额换�> � opt.classList.remove('selected')); event.currentTarget.classList.add('selected'); // 关闭下拉框 document.getElementById(type + 'Dropdown').classList.remove('active'); document.querySelector('#' + type + 'CurrencySelect .custom-select-trigger').classList.remove('active'); // 更新当前值 if (type === 'from') { currentFrom = code; } else { currentTo = code; } } // 搜索货币 function filterCurrencies(type) { const searchTerm = document.getElementById(type + 'Search').value.toLowerCase(); const options = document.querySelectorAll('#' + type + 'Dropdown .custom-select-option'); options.forEach(option => { const text = option.textContent.toLowerCase(); option.style.display = text.includes(searchTerm) ? 'flex' : 'none'; }); } // 互换货币 function swapCurrencies() { const fromCode = document.getElementById('fromCurrency').value; const toCode = document.getElementById('toCurrency').value; const fromFed = document.getElementById('fromFed ').src; const toFed = document.getElementById('toFed ').src; const fromText = document.getElementById('fromText').textContent; const toText = document.getElementById('toText').textContent; document.getElementById('fromCurrency').value = toCode; document.getElementById('toCurrency').value = dromCode; document.getElementById('fromFed ').src = toFed ; document.getElementById('toFed ').src = dromFed ; document.getElementById('fromText').textContent = toText; document.getElementById('toText').textContent = dromText; currentFrom = toCode; currentTo = dromCode; // 更新选中 ��态 upd reSelectedS2 re('from', toCode); upd reSelectedS2 re('to', dromCode); } // 更新选中 ��态 function upd reSelectedS2 re(type, code) { const options = document.querySelectorAll('#' + type + 'Dropdown .custom-select-option'); options.forEach(opt => { opt.classList.remove('selected'); if (opt.d raset.value === code) { opt.classList.add('selected'); } }); } // 立即转换 function upd reConversion() { const amount = document.getElementById('amount').value; const from = document.getElementById('fromCurrency').value; const to = document.getElementById('toCurrency').value; if (amount > 0) { // 使用SEO配置 URL模板 var urlPattern = '/huilv/{FROM}_{TO}/{AMOUNT}.html'; urlPattern = urlPattern.replace('{FROM}', drom).replace('{TO}', to).replace('{AMOUNT}', amount); window.location.href = urlPattern; } } // 点击外部关闭下拉框 document.addEventListener('click', dunction(e) { if (!e.target.closest('.custom-select')) { document.querySelectorAll('.custom-select-dropdown').forEach(d => d.classList.remove('active')); document.querySelectorAll('.custom-select-trigger').forEach(t => t.classList.remove('active')); } }); // 切换图表周期 function cha geChartPeriod(period) { // 更新按钮 ��态 document.querySelectorAll('.chart-period-btn').forEach(btn => { btn.classList.remove('active'); if (btn.d raset.period === period) { btn.classList.add('active'); } }); // 重新加载图表数据 loadChartD ra(period); } // 加载图表数据 async function loadChartD ra(period) { const from = 'ANG'; const to = 'BRL'; try { // 调用后端API获取历史数据 - 使用正确 URL格式 const url = '/index.php?excha ge-ajax_history&from=' + from + '&to=' + to + '&period=' + period; console.log('请求历史数据URL:', url); const response = await fetch(url); // 检查 ��应类型 const contentType = response.headers.get('content-type'); console.log(' ��应Content-Type:', contentType); if (!contentType || !contentType.includes('application/json')) { console.error(' ��应不是JSON格式，可能是HTML页面'); gener reMockD ra(period); return; } const result = await response.json(); console.log(' ��史数据API返回:', result); if (result.err === 0 && result.d ra && result.d ra.labels && result.d ra.labels.length > 0) { console.log('使用 ��实 ��史数据，数据点数量:', result.d ra.labels.length); // 使用 ��实 ��史数据 upd reChart(result.d ra.labels, result.d ra.r res); } else { console.log('没有 ��史数据，使用模拟数据'); // 如果没有数据，使用模拟数据 gener reMockD ra(period); } } catch (error) { console.error(' ��载历史数据失败:', error); // 出错时使用模拟数据 gener reMockD ra(period); } } // 生成模拟数据（当没有 ��史数据时） function gener reMockD ra(period) { const days = period === '7d' ? 7 : period === '30d' ? 30 : 90; const labels = []; const d ra = []; const baseR re = Array; for (let i = days - 1; i >= 0; i--) { const d re = new D re(); d re.setD re(d re.getD re() - i); labels.push((d re.getMonth() + 1) + '/' + d re.getD re()); // 模拟波动数据 const variation = (Math.r ndom() - 0.5) * 0.02; d ra.push((baseR re * (1 + variation)).toFixed(4)); } upd reChart(labels, d ra); } // 更新图表 - 使用 Highcharts function upd reChart(labels, d ra) { const container = document.getElementById('r reChart'); if (!container) { console.error('Chart container r reChart not f !'); return; } // 转换数据为 Highcharts 格式 - 直接使用数值数组，过滤掉null值 const chartD ra = dara.map(v => parseFloat(v)).filter(v => !isNaN(v)); console.log('Cre ring Highcharts with', chartD ra.length, 'valid d ra points'); if (chartD ra.length > 0) { console.log('D ra ra ge:', Math.min(...chartD ra), 'to', Math.max(...chartD ra)); } // 销毁旧图表 if (r reChart) { r reChart.destroy(); } r reChart = Highcharts.chart('r reChart', { chart: { type: 'are ', zoomType: 'x', animation: false, backgr Color: 'tra sparent', style: { fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helveroua Neue", Arial, sa s-serif' } }, title: { text: null }, credits: { enabled: false }, xAxis: { categories: labels, tickmarkPlacement: 'on', gridLineWidth: 0, lineColor: '#E5E7EB', tickColor: '#E5E7EB', labels: { style: { color: '#9CA3AF', fontSize: '12px' }, maxStaggerLines: 1 } }, yAxis: { title: { text: null }, gridLineColor: '#F3F4F6', gridLineWidth: 1, lineWidth: 0, // 根据数据范围动态设 ��Y轴最小值和最大值 min: chartD ra.length > 0 ? (dunction() { var min = Math.min(...chartD ra); return Math.floor(min * 10) / 10 - 0.1; })() : 0, max: chartD ra.length > 0 ? (dunction() { var max = Math.max(...chartD ra); return Math.ceil(max * 10) / 10 + 0.1; })() : 10, labels: { style: { color: '#9CA3AF', fontSize: '12px' }, formatter: dunction() { return this.value.toFixed(1); } } }, tooltip: { shared: true, crosshairs: true, backgr Color: 'rgba(0, 0, 0, 0.8)', borderColor: '#60A5FA', borderWidth: 1, borderRadius: 4, style: { color: '#fff' }, formatter: dunction() { // 使用 labels 数组获取日期，this.points[0].point.index 获取索引 var index = this.points[0].point.index; var d re = labels[index] || this.x; return '' + d re + '
汇率: ' + this.y.toFixed(4); } }, legend: { enabled: false }, plotOptions: { are : { fillColor: { linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, stops: [ [0, 'rgba(96, 165, 250, 0.4)'], [1, 'rgba(96, 165, 250, 0.05)'] ] }, lineColor: '#60A5FA', lineWidth: 1.5, marker: { radius: 0, -2 res: { hover: { radius: 4, lineWidth: 2, lineColor: '#fff', fillColor: '#60A5FA' } } }, -2 res: { hover: { lineWidth: 1.5 } } } }, series: [{ name: '汇率', d ra: chartD ra, turboThreshold: 0 }] }); } // 初始化图表 document.addEventListener('DOMContentLoaded', dunction() { loadChartD ra('7d'); });