USD – VND: Chuyển đổi và Biến động tỷ giá các đồng tiền lớn

USD - VND: Chuyển đổi và Biến động tỷ giá các đồng tiền by www.Tien.Day /* CSS để điều chỉnh độ cao dòng và hộp nhập */ #currencyForm { margin-bottom: 10px; } #currencyForm label, #currencyForm select, #currencyForm input, #currencyForm button { display: block; margin-bottom: 10px; font-size: 16px; line-height: 2; } #currencyForm label { font-size: 18px; /* Thay đổi cỡ chữ */ color: #333; /* Thay đổi màu sắc */ } #currencyForm select, #currencyForm input { height: 40px; padding: 5px 10px; font-size: 18px; border-radius: 5px; border: 1px solid #ccc; } #currencyForm button { height: 50px; padding: 5px 20px; font-size: 18px; background-color: #007BFF; color: white; border: none; border-radius: 5px; cursor: pointer; } #currencyForm button:hover { background-color: #0056b3; } .chart-container { margin-top: 30px; margin-bottom: 30px; } #conversionResult { margin-top: 30px; margin-bottom: 30px; font-size: 30px; line-height: 2; } /* CSS đặc biệt cho các chữ cụ thể */ .label-fromCurrency, .label-toCurrency, .label-amount, .label-result { font-size: 20px; color: #007BFF; } /* CSS cho các heading */ h1, h2, h3 { margin-top: 20px; /* Khoảng cách trên */ margin-bottom: 20px; /* Khoảng cách dưới */ } h1 { color: #3767D5; /* Màu xanh đậm cho h1 */ } h2 { color: #2C2E33; /* Màu xanh lá cây cho h2 */ } h3 { color: #2C2E33; /* Màu cam đỏ cho h3 */ } USD - VND: Chuyển đổi và Biến động tỷ giá các đồng tiền phổ biến Nhập số lượng muốn chuyển đổi, sau đó bấm Chuyển Đổi Mặc định chuyển đổi cặp: USD - VND Từ: Đô la Mỹ (USD) Bảng Anh (GBP) Yên Nhật (JPY) Won Hàn Quốc (KRW) Euro (EUR) Rúp Nga (RUB) Đô la Canada (CAD) Nhân dân tệ (CNY) Rupee Ấn Độ (INR) Đô la Úc (AUD) Đô la New Zealand (NZD) Franc Thụy Sĩ (CHF) Đô la Singapore (SGD) Baht Thái (THB) Ringgit Malaysia (MYR) Đồng Việt Nam (VND) Rupiah Indonesia (IDR) Kip Lào (LAK) Peso Philippines (PHP) Riel Campuchia (KHR) Đô la Brunei (BND) Kyat Myanmar (MMK) Sang: Đồng Việt Nam (VND) Đô la Mỹ (USD) Bảng Anh (GBP) Yên Nhật (JPY) Won Hàn Quốc (KRW) Euro (EUR) Rúp Nga (RUB) Đô la Canada (CAD) Nhân dân tệ (CNY) Rupee Ấn Độ (INR) Đô la Úc (AUD) Đô la New Zealand (NZD) Franc Thụy Sĩ (CHF) Đô la Singapore (SGD) Baht Thái (THB) Ringgit Malaysia (MYR) Rupiah Indonesia (IDR) Kip Lào (LAK) Peso Philippines (PHP) Riel Campuchia (KHR) Đô la Brunei (BND) Kyat Myanmar (MMK) Số lượng: Chuyển Đổi const currencyMap = { "USD": "USD", "GBP": "GBP", "JPY": "JPY", "KRW": "KRW", "EUR": "EUR", "RUB": "RUB", "CAD": "CAD", "CNY": "CNY", "INR": "INR", "AUD": "AUD", "NZD": "NZD", "CHF": "CHF", "SGD": "SGD", "THB": "THB", "MYR": "MYR", "VND": "VND", "IDR": "IDR", "LAK": "LAK", "PHP": "PHP", "KHR": "KHR", "BND": "BND", "MMK": "MMK" }; function formatNumber(value) { if (value >= 1) { return new Intl.NumberFormat('de-DE', { maximumFractionDigits: 0 }).format(value); } else { return new Intl.NumberFormat('de-DE', { minimumFractionDigits: 3, maximumFractionDigits: 3 }).format(value); } } function formatPercentage(value) { if (isNaN(value)) { return ''; } if (Math.abs(value) < 1) { return value.toFixed(3) + '%'; } else { return value.toFixed(2) + '%'; } } function convertCurrency() { const fromCurrency = document.getElementById('fromCurrency').value; const toCurrency = document.getElementById('toCurrency').value; const amount = parseFloat(document.getElementById('amount').value); fetch('/wp-content/uploads/exchange_rates_history.json') .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); }) .then(data => { const dates = Object.keys(data); const fromRates = dates.map(date => data[date][fromCurrency]); const toRates = dates.map(date => data[date][toCurrency]); const conversionRates = dates.map((date, index) => toRates[index] / fromRates[index]); // Tính toán % thay đổi const percentageChanges = conversionRates.map((rate, index) => { if (index === 0) return { y: rate, percentageChange: NaN }; const previousRate = conversionRates[index - 1]; const change = ((rate - previousRate) / previousRate) * 100; return { y: rate, percentageChange: change }; }); // Lấy tỷ giá chuyển đổi mới nhất const latestConversionRate = toRates[toRates.length - 1] / fromRates[fromRates.length - 1]; const convertedAmount = formatNumber(amount * latestConversionRate, 0); document.getElementById('conversionResult').innerText = `Kết quả: ${amount} ${fromCurrency} = ${convertedAmount} ${toCurrency}`; Highcharts.chart('container', { chart: { type: 'areaspline', zoomType: 'xy' }, title: { text: `Biến động tỷ giá của ${fromCurrency} sang ${toCurrency} theo thời gian | www.Tien.Day`, style: { fontSize: '20px', // Thay đổi cỡ chữ tiêu đề color: '#3767D5' // Thay đổi màu sắc tiêu đề } }, xAxis: { categories: dates, title: { text: 'Thời gian' } }, yAxis: { title: { text: 'Tỷ giá' }, labels: { formatter: function () { return formatNumber(this.value); } } }, tooltip: { pointFormatter: function () { const color = this.percentageChange >= 0 ? 'green' : 'red'; const formattedChange = formatPercentage(this.percentageChange); return `${this.series.name}: ${Highcharts.numberFormat(this.y, 4, ',', '.')} ${formattedChange}`; } }, exporting: { buttons: { contextButton: { menuItems: [ 'viewFullscreen', 'printChart', 'separator', 'downloadPNG', 'downloadJPEG', 'downloadPDF', 'downloadSVG' ] } } }, plotOptions: { areaspline: { fillOpacity: 0.5, marker: { enabled: true, radius: 2.5, symbol: 'circle' }, lineWidth: 2, states: { hover: { lineWidth: 3 } }, threshold: null } }, series: [{ name: `Tỷ giá (${fromCurrency} sang ${toCurrency})`, data: percentageChanges, color: { linearGradient: { x1: 0, x2: 1, y1: 0, y2: 1 }, stops: [ [0, 'rgba(0, 123, 255, 0.2)'], [1, 'rgba(0, 123, 255, 1)'] ] }, fillColor: { linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 }, stops: [ [0, 'rgba(0, 123, 255, 0.5)'], [1, 'rgba(0, 123, 255, 0)'] ] }, dataLabels: { enabled: true, formatter: function () { const color = this.point.percentageChange >= 0 ? 'green' : 'red'; return `${isNaN(this.point.percentageChange) ? '' : `${this.point.percentageChange.toFixed(2)}%`}`; }, borderWidth: 0, backgroundColor: 'transparent', y: -10 } }] }); }) .catch(error => { console.error('Error fetching exchange rate data:', error); }); } Hướng dẫn chuyển đổi từ USD - VND: Nhập số lượng đồng USD cần chuyển sang VND rồi sau đó bấn "Chuyển Đổi"