CINXE.COM

Markets - KED Global

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Cache-Control" content="no-cache" /> <meta http-equiv="Expires" content="0" /> <meta http-equiv="Pragma" content="no-cache" /> <meta name="robots" content="max-image-preview:large" /> <title> Markets - KED Global</title> <meta name="resource-type" content="article" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="news_keywords" content=", " /> <meta name="title" content="Markets - KED Global" /> <meta name="twitter:title" content="Markets - KED Global" /> <meta property="og:title" content="Markets - KED Global" /> <meta name="author" content="KED Global" /> <meta name="description" content="Read more Markets in KED Global, The Korea Economic Daily Global Edition where latest news on Korean companies, industries, and financial markets."> <meta property="og:description" content="Read more Markets in KED Global, The Korea Economic Daily Global Edition where latest news on Korean companies, industries, and financial markets." /> <meta name="twitter:description" content="Read more Markets in KED Global, The Korea Economic Daily Global Edition where latest news on Korean companies, industries, and financial markets." /> <meta property="og:site_name" content="KED Global" /> <meta property="og:locale" content="en_US" /> <meta property="fb:app_id" content="1271195866549789" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://www.kedglobal.com/images/sns.png" /> <meta name="publish_date" property="og:publish_date" content="+09:00" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:image" content="https://www.kedglobal.com/images/sns.png" /> <link rel="canonical" href="https://www.kedglobal.com/markets"> <meta property="article:publisher" content="" /> <meta property="article:modified_time" content="+09:00" /> <meta name="msvalidate.01" content="5A300E97BF11A9F8B4A344C650A0F77E" /> <meta name="yandex-verification" content="629d6279f21a691d" /> <meta name="naver-site-verification" content="962e246dd57468d4317afef49f742318ee507091" /> <meta name="facebook-domain-verification" content="46m0z292v2qff7zbmnowkfyoi5x1r0" /> <script src="https://www.googleoptimize.com/optimize.js?id=OPT-KZCTRGP"></script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-DWHVZLXCE8" ></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-DWHVZLXCE8', { "aid":"", "categoryId":"", "categoryName":"", "reporterId":"", "reporterName":"", "tags":"", "language":"us", "softwareType":'wb', "mid":"" }); </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "NewsArticle", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://www.kedglobal.com/markets" }, "headline": "", "image": [], "datePublished": "+09:00", "dateModified": "+09:00", "author": { "@type": "Person", "name": "" }, "publisher": { "@type": "Organization", "name": "KED Global", "logo": { "@type": "ImageObject", "url": "https://www.kedglobal.com/images/common/logo.png" } } } </script> <!-- Global site tag (gtag.js) - Google Ads: 468350967 --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-468350967" ></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag("js", new Date()); gtag("config", "AW-468350967"); </script> <!-- Event snippet for page view conversion page --> <script> gtag("event", "conversion", { send_to: "AW-468350967/9Q3aCOGJju4BEPfvqd8B" }); </script> <!-- Google Tag Manager --> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : ""; j.async = true; j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; f.parentNode.insertBefore(j, f); })(window, document, "script", "dataLayer", "GTM-NGW753L"); </script> <!-- End Google Tag Manager --> <!-- Matomo --> <script> var _paq = (window._paq = window._paq || []); /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(["trackPageView"]); _paq.push(["enableLinkTracking"]); (function () { var u = "https://analytics.kode.co.kr/"; _paq.push(["setTrackerUrl", u + "matomo.php"]); _paq.push(["setSiteId", "20"]); _paq.push([ "setCustomDimension", 1, "" ]); _paq.push([ "setCustomDimension", 2, "" ]); _paq.push([ "setCustomDimension", 3, "" ]); _paq.push(["setCustomDimension", 4, ""]); _paq.push([ "setCustomDimension", 5, "us" ]); _paq.push(["setCustomDimension", 6, "wb"]); _paq.push(["setCustomDimension", 7, ""]); var d = document, g = d.createElement("script"), s = d.getElementsByTagName("script")[0]; g.async = true; g.src = u + "matomo.js"; s.parentNode.insertBefore(g, s); })(); // let cdn = "cdn"; </script> <!-- End Matomo Code --> <script src="/js/jquery-3.5.1.min.js" rel="preload"></script> <script src="/js/jquery.cookie.min.1.4.1.js" rel="preload"></script> <script src="/js/slick.js" rel="preload"></script> <script src="/js/ui.js?v=2022031001" rel="preload"></script> <script src="/js/mojaik.js?v=2022070101" rel="preload"></script> <link rel="stylesheet" type="text/css" href="/css/common.css?v=2024052103" rel="preload" as="style" /> <link rel="stylesheet" type="text/css" href="/css/mojaik.css?v=2024052102" rel="preload" as="style" /> <script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" async="" rel="preload" ></script> <!-- Facebook Pixel Code --> <script> !(function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments); }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = "2.0"; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s); })( window, document, "script", "https://connect.facebook.net/en_US/fbevents.js" ); fbq("init", "871940743563200"); fbq("track", "PageView"); </script> <noscript ><img height="1" width="1" style="display: none" src="https://www.facebook.com/tr?id=871940743563200&ev=PageView&noscript=1" /></noscript> <!-- End Facebook Pixel Code --> <!-- <script type="module" src="/js/renew/wc/main.js?v=20240903" rel="preload" ></script> --> <script type="module" src="/js/factory/main.js?v=2025022700" rel="preload" ></script> <link rel="stylesheet" type="text/css" href="/js/factory/styles/factory-core-styles.css?v=2025022700" rel="preload" as="style" /> <link rel="stylesheet" type="text/css" href="/js/factory/styles/factory-styles.css?v=2025022700" rel="preload" as="style" /> <style> #header .top_head { min-height: 122px; } body { padding-top: 0; background: var(--ailas-color-shared-background-medium); --page-statusbar-height: 61.69px; --page-header-height: 0px; } footer { margin-top: 60px; padding: 20px 0 50px; .logo { color: #fff; } } .keyword, .update_time { font-size: 1.4rem; } .din.din2-21 > div[data-dinnum="2"] { display: flex; flex-direction: column; justify-content: space-between; } #gnb .gnb_depth2.active { width: max-content; } #sideGnb .depth2 a, #sidenav .user_box { font-size: 1.4rem; } .sign_sns { color: white; } </style> <link href="https://cdn.jsdelivr.net/npm/remixicon@4.5.0/fonts/remixicon.css" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap" rel="stylesheet" /> <link rel="stylesheet" type="text/css" href="/css/renew/skeleton.min.css?v=20240905" rel="preload" as="style" /> <link rel="stylesheet" type="text/css" href="/css/renew/variables.css?v=2025022700" rel="preload" as="style" /> <link rel="stylesheet" type="text/css" href="/css/renew/renew.css?v=2025022700" rel="preload" as="style" /> <script src="/js/amcharts/core.js"></script> <script src="/js/amcharts/charts.js"></script> <script src="/js/amcharts/themes/animated.js"></script> <!-- <script src="https://cdn.amcharts.com/lib/4/core.js"></script> <script src="https://cdn.amcharts.com/lib/4/charts.js"></script> <script src="https://cdn.amcharts.com/lib/4/themes/animated.js"></script> --> <style> #chartdiv {width: 100%;height: 230px;} #exhangeGraph{width: 100%;height: 250px;} #bondsRatesGraph{height:320px;} #chartdiv [aria-labelledby="id-66-title"]{display:none;} .idxItem{height:70px;} </style> </head> <body> <!-- wrap 1180 --> <div id="wrap"> <a href="#content" class="skipToContent">Skip to content</a> <!-- topBanner --> <!-- Google Tag Manager (noscript) --> <noscript ><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NGW753L" height="0" width="0" style="display: none; visibility: hidden" ></iframe ></noscript> <!-- End Google Tag Manager (noscript) --> <!--div class="txt_center"></div--> <script> var kospi = { startPrice: "2395.13", endPrice: "2445.06", sign: "up", dtd: "151.36", fluctuationRate: "6.60" }; var kosdaq = { startPrice: "670.12", endPrice: "681.79", sign: "up", dtd: "38.40", fluctuationRate: "5.97" }; var kospi200 = { startPrice: "318.62", endPrice: "325.08", sign: "up", dtd: "20.55", fluctuationRate: "6.74" }; var USD = { endPrice: "1482", sign: "down", dtd: "-12.00", fluctuationRate: "0.81" }; </script> <div id="topBanner"> <div class="inner"> <!-- flowSlide --> <div class="flowSlideWrap"> <div class="flowSlideBox"> <ul class="flowSlide" id="flowSlide"> <li> <div class="stocks_box"> <span class="name">KOSPI</span> <span class="price">2445.06</span> <span class="up_price"> +151.36 +6.60%</span > </div> </li> <li> <div class="stocks_box"> <span class="name">KOSDAQ</span> <span class="price">681.79</span> <span class="up_price"> +38.40 +5.97%</span > </div> </li> <li> <div class="stocks_box"> <span class="name">KOSPI200</span> <span class="price">325.08</span> <span class="up_price" > +20.55 +6.74%</span > </div> </li> <li> <!-- 원달러 환률 --> <div class="stocks_box"> <span class="name">USD/KRW</span> <span class="price">1482</span> <span class="down_price" >-12.00 0.81%</span > </div> </li> <!-- 원엔 환률 --> <!-- <div class="stocks_box"> <span class="name">JPY100/KRW</span> <span class="price">1004</span> <span class="down_price">-147.00 14.64%</span> </div> </li> <li> --> <!-- 원유로화 환률 --> <!-- <div class="stocks_box"> <span class="name">EUR/KRW</span> <span class="price">1624</span> <span class="down_price">-11.00 0.68%</span> </div> </li> <li> --> <!-- 원위안화 환률 --> <!-- <div class="stocks_box"> <span class="name">CNH/KRW</span> <span class="price">200</span> <span class="down_price">-10.00 5.00%</span> </div> </li> --> </ul> </div> <div class="control"> <button class="btnStop"><span class="hidden">STOP</span></button> <button class="btnMove" style="display: none"> <span class="hidden">PLAY</span> </button> </div> </div> <!-- //lowSlide --> <a href="/markets" class="btn_learn_more">View Market Snapshot</a> </div> </div> <!-- //topBanner --> <!-- header --> <script> // login check if(localStorage){ var sValue = localStorage.getItem("kedglobal"); if(sValue!="undefined" && sValue!=""){ $.ajax({ url: '/memberStoragelogin', method : 'post', data : {data:sValue}, dataType: "json", async: false }).done(function(data){ if(localStorage && data.success=="true"){ localStorage.clear(); localStorage.setItem("kedglobal", data.memberId); } if(data !=""){ location.href = "/markets"; } }); } } </script> <header id="header"> <div class="top_head"> <div class="inner"> <!--1201 일문 중문 서비스 종료에 의한 주석처리 <div class="logo"><a href="/"><span class="hidden">KED Global - The Korea Economic Daily Global Edition</span></a></div> --> <div class="logo"><a href="/"><span class="hidden">KED Global - The Korea Economic Daily Global Edition</span></a></div> <button class="btn_side_open"><span class="hidden">Open Menu</span></button> <button class="search_open"><span class="hidden">Search</span></button> <!-- 1014 퍼블수정 : lang_select_box 이동 --> <!--1201 일문 중문 서비스 종료에 의한 주석처리 <span class="lang_select_box"> <select id="language"> <option value="ENG" selected="selected" data-path='https://www.kedglobal.com/'>ENGLISH</option> <option value="中文(Chinese)" data-path='https://www.kedglobal.com/cn' data-lang="ch" >中文(Chinese)</option> <option value="日本語(Japanese)" data-path='https://www.kedglobal.com/jp' data-lang="jp" >日本語(Japanese) </option> </select> </span> --> <!-- //0917 퍼블수정 --> <div class="service_area"> <ul class="utility"> <li><a href="/login">SIGN IN</a></li> <li><a href="/memberShip">JOIN</a></li> </ul> </div> </div> </div> <!-- //top_head --> <!-- search --> <div id="searchLayer" style="display:none;"> <div class="inner"> <fieldset> <legend class="hidden">Search form</legend> <label class="hidden" for="keyword">Search</label> <div class="searchbox"> <input type="text" placeholder="Search here" title="Search" name="keyword" id="keyword" /> <button type="button" class="btn_search" title="search" id="btnSearch"><span class="hidden">search</span></button> </div> </fieldset> <button type="button" class="btn_close">Close</button> </div> </div> <!-- //search --> <!-- nav --> <div class="nav"> <div class="inner"> <ul id="gnb"> <li ><a href="/Companies/newsList/ked001000000" class="gnb_depth1">Companies</a> <div class="gnb_depth2"> <ul> <li><a href="/Companies-Home/newsList/ked001000000" >Companies Home</a></li> <li><a href="/Latest-on-Korean-Startups/newsList/ked001004000" >Latest on Korean Startups</a></li> <li><a href="/kunicornsMain" >Future Unicorns</a></li> <li><a href="/khcMain" >Hidden Champions </a></li> <li><a href="/brandedList" >Branded Content</a></li> <li><a href="/CAPA/newsList/ked011000000" >Get It Made In Korea</a></li> <li><a href="/companies-list" >Companies A to Z</a></li> </ul> </div> </li> <li ><a href="/investorsMain" class="gnb_depth1">Korean Investors</a> <div class="gnb_depth2"> <ul> <li><a href="/investorsMain" >Korean Investors Home</a></li> <li><a href="/investorsManagers" >Best Asset Managers by Korean Investors</a></li> </ul> </div> </li> <li ><a href="/Deals/newsList/ked003000000" class="gnb_depth1">Deals</a> <div class="gnb_depth2"> <ul> <li><a href="/M-A/newsList/ked003001000" >M&A</a></li> <li><a href="/ECM-DCM/newsList/ked003002000" >ECM/DCM</a></li> </ul> </div> </li> <li class="on"><a href="/markets" class="gnb_depth1">Markets</a> </li> <li ><a href="/Culture-Trends/newsList/ked005000000" class="gnb_depth1">Culture & Trends</a> </li> <li ><a href="/Perspectives/newsList/ked006000000" class="gnb_depth1">Perspectives</a> </li> <li ><a href="/khcMain" class="gnb_depth1">Hidden Champions</a> </li> <li ><a href="/kunicornsMain" class="gnb_depth1">Future Unicorns</a> </li> </ul> </div> </div> <!-- //nav --> </header> <script> if(location.pathname!="/" && location.pathname!="/cn" && location.pathname!="/jp"){ if('ked004000000'!='000000'){ $(".nav a[href^='"+location.pathname+"']").closest("li").addClass("on"); } if(location.pathname.indexOf('khcView') !== -1){ $(".nav a[href^='/khcMain']").closest("li").addClass("on"); }else if(location.pathname.indexOf('kunicornsView') !== -1){ $(".nav a[href^='/kunicornsMain']").closest("li").addClass("on"); } } $('#btnSearch').on('click',function(){ //var lang = setLanguage(); location.href='/newsSearch?keyword='+encodeURIComponent($('#keyword').val()); }); $("#keyword").on('keydown',function(key){ //var lang = setLanguage(); if (key.keyCode == 13) { location.href='/newsSearch?keyword='+encodeURIComponent($('#keyword').val()); } }); /*1201 일문 중문 서비스 종료에 의한 주석처리 function setLanguage(){ var lang = $('#language').val(); var rtnLang = ''; switch(lang){ case "日本語(Japanese)": rtnLang = '/jp'; break; case "中文(Chinese)": rtnLang = '/cn'; break; } return rtnLang; } */ /* fetch('/js/renew/php/category.php') .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } console.log("응답") return response.json(); }) .then(data => { console.log(data); }) .catch(error => { console.error('There has been a problem with your fetch operation:', error); }); */ </script> <!--언어에 따라 로고 변경--> <!--1201 일문 중문 서비스 종료에 의한 주석처리 <script> window.addEventListener('DOMContentLoaded', function() { const logoLang = document.location.href console.log(logoLang) if (logoLang.includes('jp')) { const logo = document.querySelector('.logo a') logo.style.background = "url(https://www.kedglobal.com/images/common/logo_KED_Black_jp.svg) no-repeat center center" } else if (logoLang.includes('cn')) { const logo = document.querySelector('.logo a') logo.style.background = "url(https://www.kedglobal.com/images/common/logo_KED_Black_cn.svg) no-repeat center center" } else { } }) </script> --> <!-- //header --> <!-- container --> <div id="container"> <!-- content --> <div id="content" class="sub"> <div class="inner"> <!-- list_page --> <div class="section list_page"> <!-- inner --> <div class="inner"> <h1 class="title line">Markets Home</h1> <!-- Markets --> <div class="Markets"> <p class="Select_tit">Market Indices</p> <p class="Markets_tit">Equity Indices</p> <!-- table_graph 01--> <div class="table_graph"> <!-- tbl_box --> <div class="tbl_box box"> <table class="tbl list graph"> <caption>Equity Indices</caption> <colgroup> <col style="width:127px"> <col style="width:115px"> <col style="width:115px"> <col style="width:115px"> <col style="width:auto;"> </colgroup> <thead> <tr> <th scope="col"></th> <th scope="col">Last</th> <th scope="col">Today’s<br>Change</th> <th scope="col">52 week<br>Low</th> <th scope="col">52 week<br>high</th> </tr> </thead> <tbody> <tr class="on"> <td class="gh idxItem" data-item="KOSPI">KOSPI</td> <td>2,445.06</td> <td class="price up_price">+151.36<br>+6.60%</td> <td>2,284.72</td> <td>2,680.70</td> </tr> <tr> <td class="gh idxItem" data-item="KOSDAQ">KOSDAQ</td> <td>681.79</td> <td class="price up_price">+38.40<br>+5.97%</td> <td>637.55</td> <td>781.54</td> </tr> <tr> <td class="gh idxItem" data-item="KOSPI200">KOSPI200</td> <td>325.08</td> <td class="price up_price">+20.55<br>+6.74%</td> <td>303.41</td> <td>356.48</td> </tr> <tr class="line_no"> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr class="line_no"> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </tbody> </table> </div> <!-- //tbl_box --> <!-- graph_box --> <div class="graph_box box"> <ul class="num_data"> <li class="on idxDate" data-termDay="-1 week"><span class="num">1W</span></li> <li class="idxDate" data-termDay="-1 months"><span class="num">1M</span></li> <li class= "idxDate" data-termDay="-3 months"><span class="num">3M</span></li> <li class="idxDate" data-termDay="firstOfYear"><span class="num">YTD</span></li> <li class="idxDate" data-termDay="-1 year"><span class="num">1Y</span></li> <li class="idxDate" data-termDay="-3 year"><span class="num">3Y</span></li> <li class=" idxDate" data-termDay="-10 year"><span class="num">10Y</span></li> </ul> <script> am4core.ready(function() { var item = "KOSPI"; var termWord = "-1 week"; var dateTerm = "20250403"; // ThemeKRX100 begin am4core.useTheme(am4themes_animated); am4core.addLicense("CH242039133"); var chart = am4core.create("chartdiv", am4charts.XYChart); chart.paddingBottom=0; // Add data chart.dataSource.url = "/apiGet?id=indexDay&indexCode="+item+"&startStockDate="+dateTerm+"&tags=stockDate,endPrice"; // Create axes var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "stockDate"; categoryAxis.renderer.labels.template.fontSize = 12; categoryAxis.cursorTooltipEnabled = false; categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text){ var temp; if(text){ var dat = new Date(text); temp = dat.toLocaleString('en-us', { month: 'short' })+' '+text.substring(8,10)+',' +text.substring(0,4); }else{ temp = text; } return temp; }); // Create value axis var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.renderer.opposite = true; valueAxis.renderer.labels.template.fontSize = 12; valueAxis.cursorTooltipEnabled = false; // Create series var series = chart.series.push(new am4charts.LineSeries()); series.dataFields.valueY = "endPrice"; series.dataFields.categoryX = "stockDate"; series.stroke = am4core.color("#0091d3"); series.strokeWidth = 2; series.tensionX = 1; series.tooltipText = item+"\n[bold]{valueY}[/]\n{\categoryX.formatDate('MMM d, yyyy')}"; series.tooltip.getFillFromObject = false; series.tooltip.background.fill = am4core.color("#ffffff"); series.tooltip.label.fill = am4core.color("#000"); // Create a range to change stroke for values below 0 var range = valueAxis.createSeriesRange(series); range.contents.stroke = am4core.color("#b02f29"); // Add cursor chart.cursor = new am4charts.XYCursor(); chart.cursor.lineY.disabled = true; chart.cursor.lineX.disabled = true; series.tooltip.pointerOrientation = "vertical"; series.tooltip.label.fill = am4core.color("#000"); series.tooltip.events.on("shown", function(ev){ if((chart.contentHeight/2 - ev.target._pointTo.y) > 0 ){ ev.target.dy = 7; }else{ ev.target.dy = -7; } }); // Add simple bullet var bullet = series.bullets.push(new am4charts.Bullet()); var square = bullet.createChild(am4core.Rectangle); square.width = 1; square.height = 1; bullet.stroke = am4core.color("#0091d3"); square.horizontalCenter = "middle"; square.verticalCenter = "middle"; // Create hover state var hoverState = bullet.states.create("hover"); hoverState.properties.scale = 6; $(".idxItem, .idxDate").click(function(){ var chart = am4core.create("chartdiv", am4charts.XYChart); chart.paddingBottom=0; if($(this).attr('class').indexOf('idxItem') > -1){ item = $(this).attr('data-item'); var dt = strtotime("-1 week"); dateTerm = dt.format('yyyyMMdd'); $(".idxDate[data-termDay='-1 week']").trigger('click'); } if($(this).attr('class').indexOf('idxDate') > -1){ termWord = $(this).attr('data-termDay'); if(termWord=="firstOfYear"){ date=new Date(); dateTerm = date.getFullYear()+"0101"; }else{ var dt = strtotime(termWord); dateTerm = dt.format('yyyyMMdd'); } } chart.dataSource.url = "/apiGet?id=indexDay&indexCode="+item+"&startStockDate="+dateTerm+"&tags=stockDate,endPrice"; // Create axes var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "stockDate"; categoryAxis.renderer.labels.template.fontSize = 12; categoryAxis.cursorTooltipEnabled = false; categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text){ var temp; if(text){ var dat = new Date(text); temp = dat.toLocaleString('en-us', { month: 'short' })+' '+text.substring(8,10)+',' +text.substring(0,4); }else{ temp = text; } return temp; }); categoryAxis.renderer.paddingLeft = 20; // Create value axis var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.renderer.labels.template.fontSize = 12; valueAxis.renderer.opposite = true; valueAxis.cursorTooltipEnabled = false; // Create series var series = chart.series.push(new am4charts.LineSeries()); series.dataFields.valueY = "endPrice"; series.dataFields.categoryX = "stockDate"; series.stroke = am4core.color("#0091d3"); series.strokeWidth = 2; series.tensionX = 1; series.tooltipText = item+"\n[b]{valueY}[/]\n{\categoryX.formatDate('MMM d, yyyy')}"; series.tooltip.getFillFromObject = false; series.tooltip.background.fill = am4core.color("#ffffff"); series.tooltip.label.fill = am4core.color("#000"); var range = valueAxis.createSeriesRange(series); range.contents.stroke = am4core.color("#b02f29"); // Add cursor chart.cursor = new am4charts.XYCursor(); chart.cursor.lineY.disabled = true; chart.cursor.lineX.disabled = true; series.tooltip.pointerOrientation = "vertical"; series.tooltip.label.fill = am4core.color("#000"); series.tooltip.events.on("shown", function(ev){ if((chart.contentHeight/2 - ev.target._pointTo.y) > 0 ){ ev.target.dy = 7; }else{ ev.target.dy = -7; } }); // Add simple bullet var bullet = series.bullets.push(new am4charts.Bullet()); var square = bullet.createChild(am4core.Rectangle); square.width = 1; square.height = 1; bullet.stroke = am4core.color("#0091d3"); square.horizontalCenter = "middle"; square.verticalCenter = "middle"; // Create hover state var hoverState = bullet.states.create("hover"); hoverState.properties.scale = 6; }); }); </script> <!-- HTML --> <div class="graph" style="padding-bottom:0;"> <div id="chartdiv"></div> </div> </div> <!-- //graph_box --> </div> <!-- //table_graph 01--> <p class="Markets_tit">Bonds and rates</p> <!-- table_graph 02--> <div class="table_graph"> <!-- tbl_box --> <div class="tbl_box box"> <table class="tbl list graph"> <caption>Bonds and rates</caption> <colgroup> <col style="width:auto;"> <col style="width:126px"> <col style="width:126px"> </colgroup> <thead> <tr> <th scope="col"></th> <th scope="col">Rate</th> <th scope="col">Today’s<br>Change</th> </tr> </thead> <tbody> <tr> <td class="gh bondKind" data-item="bokBenchRate">BOK benchmark rate</td> <td>0.00%</td> <td>0.00</td> </tr> <tr> <td class="gh bondKind" data-item="callRate">Call rate (Overnight)</td> <td>0.00%</td> <td>0.00</td> </tr> <tr class="on"> <td class="gh bondKind" data-item="koribor3month">KORIBOR (3 month)</td> <td>0.00%</td> <td>0.00</td> </tr> <tr> <td class="gh bondKind" data-item="msbs" data-cycle="M">Monetary Stabilization Bonds</td> <td>0.00%</td> <td>0.00</td> </tr> <tr> <td class="gh bondKind" data-item="treasuryBonds3Year" data-cycle="M">Korean Treasury 3 years</td> <td>0.00%</td> <td>0.00</td> </tr> <tr> <td class="gh bondKind" data-item="treasuryBonds5Year" data-cycle="M">Korean Treasury 5 years</td> <td>0.00%</td> <td>0.00</td> </tr> <tr> <td class="gh bondKind" data-item="corporateBonds3Year" data-cycle="M">Coporate Bond 3 years, AA-</td> <td>0.00%</td> <td>0.00</td> </tr> </tbody> </table> </div> <!-- //tbl_box --> <!-- graph_box --> <div class="graph_box box"> <ul class="num_data"> <li class="on bondDate" data-termDay="-1 week"><span class="num">1W</span></li> <li class="bondDate" data-termDay="-1 month"><span class="num">1M</span></li> <li class="bondDate" data-termDay="-6 month"><span class="num">6M</span></li> <li class="bondDate" data-termDay="firstOfYear"><span class="num">YTD</span></li> <li class="bondDate" data-termDay="-1 year"><span class="num">1Y</span></li> <li class="bondDate" data-termDay="-3 year"><span class="num">3Y</span></li> <li class="bondDate" data-termDay="-10 year"><span class="num">10Y</span></li> </ul> <div class="graph"> <script> am4core.ready(function() { var item = "koribor3month"; var title = "KORIBOR (3 month)"; var termWord = "-1 week"; var dateTerm = "20250403"; // ThemeKRX100 begin am4core.useTheme(am4themes_animated); // Themes end // Create chart instance var chart = am4core.create("bondsRatesGraph", am4charts.XYChart); chart.paddingBottom=0; // Add data chart.dataSource.url = "/apiGet?id="+item+"&startdate="+dateTerm+"&tags=date,rate"; // Create axes var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "date"; categoryAxis.renderer.labels.template.fontSize = 12; categoryAxis.cursorTooltipEnabled = false; //2020-10-09 categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text){ var temp; if(text){ var dat = new Date(text); temp = dat.toLocaleString('en-us', { month: 'short' })+' '+text.substring(8,10)+',' +text.substring(0,4); }else{ temp = text; } return temp; }); //2020-10-09 // Create value axis var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.renderer.labels.template.fontSize = 12; valueAxis.renderer.opposite = true; valueAxis.cursorTooltipEnabled = false; //2020-10-09 // Create series var series = chart.series.push(new am4charts.LineSeries()); series.dataFields.valueY = "rate"; series.dataFields.categoryX = "date"; series.stroke = am4core.color("#0091d3"); series.strokeWidth = 2; series.tensionX = 1; series.tooltipText = title+"\n[bold]{valueY}%[/]\n{\categoryX.formatDate('MMM d, yyyy')}"; series.tooltip.getFillFromObject = false; series.tooltip.background.fill = am4core.color("#ffffff"); series.tooltip.label.fill = am4core.color("#000"); // Create a range to change stroke for values below 0 var range = valueAxis.createSeriesRange(series); range.contents.stroke = am4core.color("#b02f29"); // Add cursor chart.cursor = new am4charts.XYCursor(); chart.cursor.lineY.disabled = true; chart.cursor.lineX.disabled = true; series.tooltip.pointerOrientation = "vertical"; series.tooltip.label.fill = am4core.color("#000"); series.tooltip.events.on("shown", function(ev){ if((chart.contentHeight/2 - ev.target._pointTo.y) > 0 ){ ev.target.dy = 7; }else{ ev.target.dy = -7; } }); // Add simple bullet var bullet = series.bullets.push(new am4charts.Bullet()); var square = bullet.createChild(am4core.Rectangle); square.width = 1; square.height = 1; bullet.stroke = am4core.color("#0091d3"); square.horizontalCenter = "middle"; square.verticalCenter = "middle"; // Create hover state var hoverState = bullet.states.create("hover"); hoverState.properties.scale = 6; $(".bondKind, .bondDate").click(function(){ var chart = am4core.create("bondsRatesGraph", am4charts.XYChart); if($(this).attr('class').indexOf('bondKind') > -1){ item = $(this).attr('data-item'); title = $(this).text(); var dt = strtotime("-1 week"); dateTerm = dt.format('yyyyMMdd'); $(".bondDate[data-termDay='-1 week']").trigger('click'); } if($(this).attr('class').indexOf('bondDate') > -1){ termWord = $(this).attr('data-termDay'); if(termWord=="firstOfYear"){ date=new Date(); dateTerm = date.getFullYear()+"0101"; }else{ var dt = strtotime(termWord); dateTerm = dt.format('yyyyMMdd'); } } chart.dataSource.url = "/apiGet?id="+item+"&startdate="+dateTerm+"&tags=date,rate"; // Create axes var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "date"; categoryAxis.renderer.labels.template.fontSize = 12; categoryAxis.cursorTooltipEnabled = false; //2020-10-09 categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text){ var temp; if(text){ var dat = new Date(text); temp = dat.toLocaleString('en-us', { month: 'short' })+' '+text.substring(8,10)+',' +text.substring(0,4); }else{ temp = text; } return temp; }); categoryAxis.renderer.paddingLeft = 20; // Create value axis var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.renderer.labels.template.fontSize = 12; valueAxis.renderer.opposite = true; valueAxis.cursorTooltipEnabled = false; // Create series var series = chart.series.push(new am4charts.LineSeries()); series.dataFields.valueY = "rate"; series.dataFields.categoryX = "date"; series.stroke = am4core.color("#0091d3"); series.strokeWidth = 2; series.tensionX = 1; series.tooltipText = title+"\n[bold]{valueY}%[/]\n{\categoryX.formatDate('MMM d, yyyy')}"; series.tooltip.getFillFromObject = false; series.tooltip.background.fill = am4core.color("#ffffff"); series.tooltip.label.fill = am4core.color("#000"); var range = valueAxis.createSeriesRange(series); range.contents.stroke = am4core.color("#b02f29"); // Add cursor chart.cursor = new am4charts.XYCursor(); chart.cursor.lineY.disabled = true; chart.cursor.lineX.disabled = true; series.tooltip.pointerOrientation = "vertical"; series.tooltip.label.fill = am4core.color("#000"); series.tooltip.events.on("shown", function(ev){ if((chart.contentHeight/2 - ev.target._pointTo.y) > 0 ){ ev.target.dy = 7; }else{ ev.target.dy = -7; } }); // Add simple bullet var bullet = series.bullets.push(new am4charts.Bullet()); var square = bullet.createChild(am4core.Rectangle); square.width = 1; square.height = 1; bullet.stroke = am4core.color("#0091d3"); square.horizontalCenter = "middle"; square.verticalCenter = "middle"; // Create hover state var hoverState = bullet.states.create("hover"); hoverState.properties.scale = 6; }); }); </script> <div id="bondsRatesGraph"></div> </div> </div> <!-- //graph_box --> </div> <!-- //table_graph 02--> <p class="Markets_tit">Currencies</p> <!-- table_graph 03--> <div class="table_graph"> <!-- tbl_box --> <div class="tbl_box box"> <table class="tbl list graph"> <caption>Currencies</caption> <colgroup> <col style="width:auto;"> <col style="width:126px"> <col style="width:126px"> </colgroup> <thead> <tr> <th scope="col"></th> <!-- th scope="col">Price</th --> <th scope="col">FX Rate</th> <th scope="col">Today’s<br>Change</th> </tr> </thead> <tbody> <tr class="on"> <td class="gh currnecItem" data-item="USD">USD/KRW</td> <td>1482.9</td> <td>12.70<br>0.86%</td> </tr> <tr> <td class="gh currnecItem" data-item="JPY">JPY(100)/KRW</td> <td>1004.81</td> <td>-3.80<br>-0.38%</td> </tr> <tr> <td class="gh currnecItem" data-item="GBP">GBP/KRW</td> <td>1900.71</td> <td>21.87<br>1.15%</td> </tr> <tr> <td class="gh currnecItem" data-item="CNY">CNH/KRW</td> <td>200.82</td> <td>0.64<br>0.32%</td> </tr> <tr> <td class="gh currnecItem" data-item="EUR">EUR/KRW</td> <td>1624.22</td> <td>11.12<br>0.68%</td> </tr> </tbody> </table> </div> <!-- //tbl_box --> <!-- graph_box --> <div class="graph_box box"> <ul class="num_data"> <li class="on currnecDate" data-termDay="-1 week"><span class="num">1W</span></li> <li class="currnecDate" data-termDay="-1 month"><span class="num">1M</span></li> <li class="currnecDate" data-termDay="-3 month"><span class="num">3M</span></li> <li class="currnecDate" data-termDay="firstOfYear"><span class="num">YTD</span></li> <li class="currnecDate" data-termDay="-1 year"><span class="num">1Y</span></li> <li class="currnecDate" data-termDay="-3 year"><span class="num">3Y</span></li> <li class="currnecDate" data-termDay="-10 year"><span class="num">10Y</span></li> </ul> <div class="graph" style="height:240px;"> <script> am4core.ready(function() { var item = "USD"; var title = "USD/KRW"; var termWord = "-1 week"; var dateTerm = "2025-04-03"; am4core.useTheme(am4themes_animated); var chart = am4core.create("exhangeGraph", am4charts.XYChart); chart.dateFormatter.inputDateFormat = "yyyy-MM-dd"; // Add data chart.dataSource.url = "/apiGet?id=exchangeRate&curCode="+item+"&startdate="+dateTerm+"&tags=date,dealBaseRate"; var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "date"; categoryAxis.renderer.labels.template.fontSize = 12; categoryAxis.cursorTooltipEnabled = false; //2020-10-09 categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text){ var temp; if(text){ var dat = new Date(text); temp = dat.toLocaleString('en-us', { month: 'short' })+' '+text.substring(8,10)+',' +text.substring(0,4); }else{ temp = text; } return temp; }); // Create value axis var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.renderer.labels.template.fontSize = 12; valueAxis.renderer.opposite = true; valueAxis.cursorTooltipEnabled = false; //2020-10-09 // Create series var series = chart.series.push(new am4charts.LineSeries()); series.dataFields.valueY = "dealBaseRate"; series.dataFields.categoryX = "date"; series.stroke = am4core.color("#0091d3"); series.strokeWidth = 2; series.tensionX = 1; series.tooltipText = title+"\n[bold]{valueY}[/]\n{\categoryX.formatDate('MMM d, yyyy')}"; series.tooltip.getFillFromObject = false; series.tooltip.background.fill = am4core.color("#ffffff"); series.tooltip.label.fill = am4core.color("#000"); // Create a range to change stroke for values below 0 var range = valueAxis.createSeriesRange(series); range.contents.stroke = am4core.color("#b02f29"); // Add cursor chart.cursor = new am4charts.XYCursor(); chart.cursor.lineY.disabled = true; chart.cursor.lineX.disabled = true; series.tooltip.pointerOrientation = "vertical"; series.tooltip.label.fill = am4core.color("#000"); series.tooltip.events.on("shown", function(ev){ if((chart.contentHeight/2 - ev.target._pointTo.y) > 0 ){ ev.target.dy = 7; }else{ ev.target.dy = -7; } }); // Add simple bullet var bullet = series.bullets.push(new am4charts.Bullet()); var square = bullet.createChild(am4core.Rectangle); square.width = 1; square.height = 1; bullet.stroke = am4core.color("#0091d3"); square.horizontalCenter = "middle"; square.verticalCenter = "middle"; // Create hover state var hoverState = bullet.states.create("hover"); hoverState.properties.scale = 6; $(".currnecItem, .currnecDate").click(function(){ var chart = am4core.create("exhangeGraph", am4charts.XYChart); if($(this).attr('class').indexOf('currnecItem') > -1){ item = $(this).attr('data-item'); title = $(this).text(); var dt = strtotime("-1 week"); dateTerm = dt.format('yyyy-MM-dd'); $(".currnecDate[data-termDay='-1 week']").trigger('click'); } if($(this).attr('class').indexOf('currnecDate') > -1){ termWord = $(this).attr('data-termDay'); if(termWord=="firstOfYear"){ date=new Date(); dateTerm = date.getFullYear()+"-01-01"; }else{ var dt = strtotime(termWord); dateTerm = dt.format('yyyy-MM-dd'); } } chart.dataSource.url = "/apiGet?id=exchangeRate&curCode="+item+"&startdate="+dateTerm+"&tags=date,dealBaseRate"; // Create axes var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "date"; categoryAxis.renderer.labels.template.fontSize = 12; categoryAxis.cursorTooltipEnabled = false; //2020-10-09 categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text){ var temp; if(text){ var dat = new Date(text); temp = dat.toLocaleString('en-us', { month: 'short' })+' '+text.substring(8,10)+',' +text.substring(0,4); }else{ temp = text; } return temp; }); categoryAxis.renderer.paddingLeft = 20; // Create value axis var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.renderer.labels.template.fontSize = 12; valueAxis.renderer.opposite = true; valueAxis.cursorTooltipEnabled = false; //2020-10-09 // Create series var series = chart.series.push(new am4charts.LineSeries()); series.dataFields.valueY = "dealBaseRate"; series.dataFields.categoryX = "date"; series.stroke = am4core.color("#0091d3"); series.strokeWidth = 2; series.tensionX = 1; series.tooltipText = title+"\n[bold]{valueY}[/]\n{\categoryX.formatDate('MMM d, yyyy')}"; series.tooltip.getFillFromObject = false; series.tooltip.background.fill = am4core.color("#ffffff"); series.tooltip.label.fill = am4core.color("#000"); var range = valueAxis.createSeriesRange(series); range.contents.stroke = am4core.color("#b02f29"); // Add cursor chart.cursor = new am4charts.XYCursor(); chart.cursor.lineY.disabled = true; chart.cursor.lineX.disabled = true; series.tooltip.pointerOrientation = "vertical"; series.tooltip.label.fill = am4core.color("#000"); series.tooltip.events.on("shown", function(ev){ if((chart.contentHeight/2 - ev.target._pointTo.y) >= 0 ){ ev.target.dy = 7; }else{ ev.target.dy = -7; } }); // Add simple bullet var bullet = series.bullets.push(new am4charts.Bullet()); var square = bullet.createChild(am4core.Rectangle); square.width = 1; square.height = 1; bullet.stroke = am4core.color("#0091d3"); square.horizontalCenter = "middle"; square.verticalCenter = "middle"; // Create hover state var hoverState = bullet.states.create("hover"); hoverState.properties.scale = 6; }); }); </script> <div id="exhangeGraph"></div> </div> </div> <!-- //graph_box --> </div> <!-- //table_graph 03--> <!-- Currency --> <div class="Currency"> <p class="tit">Currency Converter</p> <div class="item"> <span class="name">from</span> <span class="select_box"> <select id="sourceCurrency"> <option value="USD" selected="selected">USD</option> <option value="KRW">KRW</option> </select> </span> <input type="text" id="inputMoney" class="form-input" value="$1" required=""> </div> <div class="item item02"> <span class="name">to</span> <span class="select_box"> <select id="targetCurrency"> <option value="KRW" selected="selected">KRW</option> <option value="USD">USD</option> </select> </span> <input type="text" id="outputMoney" class="form-input" value="₩ 1,379.4" required=""> </div> </div> <!-- //Currency --> <script> var krwToUsd=1482.9; $("#sourceCurrency").change(function(){ if($(this).val()=="USD"){ $("#targetCurrency").val("KRW"); culcCurrency(); } if($(this).val()=="KRW"){ $("#targetCurrency").val("USD"); culcCurrency(); } }); $(document).on('change',"#targetCurrency",function(){ console.log('#targetCurrency'); if($(this).val()=="USD"){ $("#sourceCurrency").val("KRW"); culcCurrency2(); } if($(this).val()=="KRW"){ $("#sourceCurrency").val("USD"); culcCurrency2(); } }); $("#inputMoney").change(function(){ culcCurrency(); }); $(document).on('change',"#outputMoney",function(){ culcCurrency2(); }); function culcCurrency(){ var inputMoney = parseFloat($("#inputMoney").val().replace(/[^0-9]+/gm,'')); inputMoney=(isNaN(inputMoney)?0:inputMoney); if($("#sourceCurrency").val()=="USD"){ $("#inputMoney").val("$"+numberWithCommas(inputMoney)); $("#outputMoney").val("₩"+numberWithCommas((inputMoney*krwToUsd).toFixed(2))); } if($("#sourceCurrency").val()=="KRW"){ $("#inputMoney").val("₩"+numberWithCommas(inputMoney)); $("#outputMoney").val("$"+numberWithCommas((inputMoney/krwToUsd).toFixed(2))); } } function culcCurrency2(){ var inputMoney = parseFloat($("#outputMoney").val().replace(/[^0-9]+/gm,'')); inputMoney=(isNaN(inputMoney)?0:inputMoney); if($("#targetCurrency").val()=="USD"){ $("#outputMoney").val("$"+numberWithCommas(inputMoney)); $("#inputMoney").val("₩"+numberWithCommas((inputMoney*krwToUsd).toFixed(2))); } if($("#targetCurrency").val()=="KRW"){ $("#outputMoney").val("₩"+numberWithCommas(inputMoney)); $("#inputMoney").val("$"+numberWithCommas((inputMoney/krwToUsd).toFixed(2))); } } function numberWithCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } </script> <!-- Page_news --> <div class="Page_news clear"> <div class="title_top"> <p class="Select_tit">News</p> <a href="/newsList/ked004000000" class="btn_more_b">More</a> </div> <div class="newsBox"> <ul class="list_news hfix type02"> <li> <img src="/data/ked/image/2025/04/09/ked202504090021.200x130.0.jpg" alt="" class="thum"> <div class="box"> <em class="keyword">Sovereign wealth funds</em> <a href="/sovereign-wealth-funds/newsView/ked202504090005"> <p class="tit">Korea’s WGBI inclusion moved to next April; Seoul works on new policy steps</p> </a> <p class="desc">South Korea&rsquo;s much-anticipated inclusion of its bonds in the FTSE World Government Bond Index (WGBI) has been postponed to April 2026 from November 2025 &ndash; a move that could complicate the new government&rsquo;s efforts to stimulate the do</p> <!--읽는데 걸리는 각 콘텐츠 정보--> <!-- <div class="article-text">South Korea&rsquo;s much-anticipated inclusion of its bonds in the FTSE World Government Bond Index (WGBI) has been postponed to April 2026 from November 2025 &ndash; a move that could complicate the new government&rsquo;s efforts to stimulate the do</div> --> <!--//읽는데 걸리는 각 콘텐츠 정보--> <div class="clear"> <p class="update_time">Apr 09, 2025 (Gmt+09:00)</p> <!--읽는데 걸리는 시간 예측--> <div class="read-time-cont"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="" viewBox="0 0 33 33"> <g id="Icon_feather-clock" data-name="Icon feather-clock" transform="translate(-1.5 -1.5)"> <path id="패스_1" data-name="패스 1" d="M33,18A15,15,0,1,1,18,3,15,15,0,0,1,33,18Z" fill="none" stroke="#666" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/> <path id="패스_2" data-name="패스 2" d="M18,9v9l6,3" fill="none" stroke="#666" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/> </g> </svg> </span> <div> <span class="read-time"> 4 </span> <span> Min read </span> </div> </div> <!--//읽는데 걸리는 시간 예측--> <div class="tooltipLayer" data-page="/newsView/" data-aid="ked202504090005" data-lang="us," style="display:none"> <strong class="tit_lang" tabindex="0"><span class="hidden">language</span></strong> </div> </div> </div> </li> <li> <img src="/data/ked/image/2025/04/09/ked202504090007.200x130.0.jpg" alt="" class="thum"> <div class="box"> <em class="keyword">Business & Politics</em> <a href="/business-politics/newsView/ked202504090001"> <p class="tit">S.Korea’s acting leader, Trump discuss transactional diplomacy in 1st direct talks</p> </a> <p class="desc">South Korea&rsquo;s Acting President and Prime Minister Han Duck-soo spoke with US President Donald Trump on Tuesday to discuss various issues of mutual concern.In his first direct communication with Seoul since returning to the White House, Trump re</p> <!--읽는데 걸리는 각 콘텐츠 정보--> <!-- <div class="article-text">South Korea&rsquo;s Acting President and Prime Minister Han Duck-soo spoke with US President Donald Trump on Tuesday to discuss various issues of mutual concern.In his first direct communication with Seoul since returning to the White House, Trump re</div> --> <!--//읽는데 걸리는 각 콘텐츠 정보--> <div class="clear"> <p class="update_time">Apr 09, 2025 (Gmt+09:00)</p> <!--읽는데 걸리는 시간 예측--> <div class="read-time-cont"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="" viewBox="0 0 33 33"> <g id="Icon_feather-clock" data-name="Icon feather-clock" transform="translate(-1.5 -1.5)"> <path id="패스_1" data-name="패스 1" d="M33,18A15,15,0,1,1,18,3,15,15,0,0,1,33,18Z" fill="none" stroke="#666" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/> <path id="패스_2" data-name="패스 2" d="M18,9v9l6,3" fill="none" stroke="#666" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/> </g> </svg> </span> <div> <span class="read-time"> 3 </span> <span> Min read </span> </div> </div> <!--//읽는데 걸리는 시간 예측--> <div class="tooltipLayer" data-page="/newsView/" data-aid="ked202504090001" data-lang="us," style="display:none"> <strong class="tit_lang" tabindex="0"><span class="hidden">language</span></strong> </div> </div> </div> </li> <li> <img src="/data/ked/image/2025/04/08/ked202504080018.200x130.0.jpg" alt="" class="thum"> <div class="box"> <em class="keyword">Aerospace & Defense</em> <a href="/aerospace-defense/newsView/ked202504080007"> <p class="tit">Hanwha Aerospace cuts rights offering to $1.6 bn; Hanwha Energy to plug gap</p> </a> <p class="desc">Hanwha Aerospace Co., a leading South Korean defense company, said on Tuesday it plans to slash the size of its proposed rights offering to 2.3 trillion won ($1.6 billion) from 3.6 trillion won, with the remaining 1.3 trillion won to be covered throu</p> <!--읽는데 걸리는 각 콘텐츠 정보--> <!-- <div class="article-text">Hanwha Aerospace Co., a leading South Korean defense company, said on Tuesday it plans to slash the size of its proposed rights offering to 2.3 trillion won ($1.6 billion) from 3.6 trillion won, with the remaining 1.3 trillion won to be covered throu</div> --> <!--//읽는데 걸리는 각 콘텐츠 정보--> <div class="clear"> <p class="update_time">Apr 08, 2025 (Gmt+09:00)</p> <!--읽는데 걸리는 시간 예측--> <div class="read-time-cont"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="" viewBox="0 0 33 33"> <g id="Icon_feather-clock" data-name="Icon feather-clock" transform="translate(-1.5 -1.5)"> <path id="패스_1" data-name="패스 1" d="M33,18A15,15,0,1,1,18,3,15,15,0,0,1,33,18Z" fill="none" stroke="#666" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/> <path id="패스_2" data-name="패스 2" d="M18,9v9l6,3" fill="none" stroke="#666" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/> </g> </svg> </span> <div> <span class="read-time"> 2 </span> <span> Min read </span> </div> </div> <!--//읽는데 걸리는 시간 예측--> <div class="tooltipLayer" data-page="/newsView/" data-aid="ked202504080007" data-lang="us," style="display:none"> <strong class="tit_lang" tabindex="0"><span class="hidden">language</span></strong> </div> </div> </div> </li> <li> <img src="/data/ked/image/2025/04/07/ked202504070022.200x130.0.jpg" alt="" class="thum"> <div class="box"> <em class="keyword">Korean stock market</em> <a href="/korean-stock-market/newsView/ked202504070007"> <p class="tit">South Korean stocks, currency dive amid deeper US tariff turmoil</p> </a> <p class="desc">The South Korean stock market logged its biggest daily loss of more than 5% in eight months on Monday, joining its Asian peers bruised by panic selling on growing economic concerns fanned by US tariff shockwaves. The country&rsquo;s main benchmark Ko</p> <!--읽는데 걸리는 각 콘텐츠 정보--> <!-- <div class="article-text">The South Korean stock market logged its biggest daily loss of more than 5% in eight months on Monday, joining its Asian peers bruised by panic selling on growing economic concerns fanned by US tariff shockwaves. The country&rsquo;s main benchmark Ko</div> --> <!--//읽는데 걸리는 각 콘텐츠 정보--> <div class="clear"> <p class="update_time">Apr 07, 2025 (Gmt+09:00)</p> <!--읽는데 걸리는 시간 예측--> <div class="read-time-cont"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="" viewBox="0 0 33 33"> <g id="Icon_feather-clock" data-name="Icon feather-clock" transform="translate(-1.5 -1.5)"> <path id="패스_1" data-name="패스 1" d="M33,18A15,15,0,1,1,18,3,15,15,0,0,1,33,18Z" fill="none" stroke="#666" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/> <path id="패스_2" data-name="패스 2" d="M18,9v9l6,3" fill="none" stroke="#666" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/> </g> </svg> </span> <div> <span class="read-time"> 3 </span> <span> Min read </span> </div> </div> <!--//읽는데 걸리는 시간 예측--> <div class="tooltipLayer" data-page="/newsView/" data-aid="ked202504070007" data-lang="us," style="display:none"> <strong class="tit_lang" tabindex="0"><span class="hidden">language</span></strong> </div> </div> </div> </li> <li> <img src="/data/ked/image/2025/04/04/ked202504040022.200x130.0.jpg" alt="" class="thum"> <div class="box"> <em class="keyword">Business & Politics</em> <a href="/business-politics/newsView/ked202504040002"> <p class="tit">S.Korean President Yoon Suk Yeol ousted; new presidential election coming</p> </a> <p class="desc">South Korea&rsquo;s Constitutional Court permanently removed President Yoon Suk Yeol from office on Friday, making him the country&rsquo;s second president in Korean history to leave office through impeachment. Eight justices of the Constitutional Co</p> <!--읽는데 걸리는 각 콘텐츠 정보--> <!-- <div class="article-text">South Korea&rsquo;s Constitutional Court permanently removed President Yoon Suk Yeol from office on Friday, making him the country&rsquo;s second president in Korean history to leave office through impeachment. Eight justices of the Constitutional Co</div> --> <!--//읽는데 걸리는 각 콘텐츠 정보--> <div class="clear"> <p class="update_time">Apr 04, 2025 (Gmt+09:00)</p> <!--읽는데 걸리는 시간 예측--> <div class="read-time-cont"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="" viewBox="0 0 33 33"> <g id="Icon_feather-clock" data-name="Icon feather-clock" transform="translate(-1.5 -1.5)"> <path id="패스_1" data-name="패스 1" d="M33,18A15,15,0,1,1,18,3,15,15,0,0,1,33,18Z" fill="none" stroke="#666" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/> <path id="패스_2" data-name="패스 2" d="M18,9v9l6,3" fill="none" stroke="#666" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/> </g> </svg> </span> <div> <span class="read-time"> 3 </span> <span> Min read </span> </div> </div> <!--//읽는데 걸리는 시간 예측--> <div class="tooltipLayer" data-page="/newsView/" data-aid="ked202504040002" data-lang="us," style="display:none"> <strong class="tit_lang" tabindex="0"><span class="hidden">language</span></strong> </div> </div> </div> </li> </ul> </div> </div> <!-- //Page_news --> <p class="Select_tit">Market Moving Macro Indicators</p> <p class="Markets_tit">Economic Growth</p> <div class="table_graph"> <div class="tbl_box box"> <table class="tbl list graph"> <caption>Currencies</caption> <colgroup> <col style="width:auto;"> <col style="width:126px"> <col style="width:126px"> </colgroup> <thead> <tr> <th scope="col"></th> <th scope="col">Value</th> </tr> </thead> <tbody> <tr class="on"> <td class="gh economicItem" data-item="realGDPgrowthRate" data-dateType="quarter" data-notation="%">GDP Growth Rate (Quarterly, real)</td> <td>1.30%</td> </tr> <tr> <td class="gh economicItem" data-item="realGDPgrowthRateAnnual" data-dateType="year" data-notation="%">GDP Growth Rate (Annual, real)</td> <td>1.40%</td> </tr> <tr> <td class="gh economicItem" data-item="realGDPQQ" data-dateType="quarter" data-notation="">GDP (real)</td> <td>488,103</td> </tr> <tr> <td class="gh economicItem" data-item="nominalGDPQQ" data-dateType="quarter" data-notation="">GDP (nominal)</td> <td>0</td> </tr> <tr> <td class="gh economicItem" data-item="nominalGDPcapitaYY" data-dateType="year" data-notation="">GDP per capita (nominal, USD 2023)</td> <td>33,128</td> </tr> <tr> <td class="gh economicItem" data-item="capitaGNIYY" data-dateType="year" data-notation="">GNI per capita (nominal, USD 2023)</td> <td>33,745</td> </tr> </tbody> </table> </div> <div class="graph_box box"> <ul class="num_data"> <li class="on economicDate" data-termDay="-3 Year"><span class="num">3Y</span></li> <li class="economicDate" data-termDay="-5 Year"><span class="num">5Y</span></li> <li class="economicDate" data-termDay="-10 Year"><span class="num">10Y</span></li> <li class="economicDate" data-termDay="-25 Year"><span class="num">25Y</span></li> </ul> <div class="graph"> <script> am4core.ready(function() { var item = "realGDPgrowthRate"; var title = "GDP Growth Rate (Quarterly, real)"; var dateType="quarter" var notation = "%"; var termWord = "-3 Year"; var dateTerm = "20221"; am4core.useTheme(am4themes_animated); // Themes end // Create chart instance var chart = am4core.create("economicChart", am4charts.XYChart); // Add data chart.dataSource.url = "/apiGet?id="+item+"&startdate="+dateTerm+"&tags=date,data"; // Create axes var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "date"; categoryAxis.renderer.labels.template.fontSize = 12; categoryAxis.cursorTooltipEnabled = false; //2020-10-09 categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text){ var temp; if(text){ var dat = new Date(text); temp = text.substring(4)+'Q ' +text.substring(0,4); }else{ temp = text; } return temp; }); var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.renderer.labels.template.fontSize = 12; valueAxis.renderer.opposite = true; valueAxis.cursorTooltipEnabled = false; //2020-10-09 // Create series var series = chart.series.push(new am4charts.ColumnSeries()); series.dataFields.valueY = "data"; series.dataFields.categoryX = "date"; var columnTemplate = series.columns.template; columnTemplate.tooltipText = title+"\n[bold]{valueY}"+notation+"[/]\n{categoryX}"; columnTemplate.fillOpacity = .9; columnTemplate.strokeOpacity = 0; columnTemplate.adapter.add("fill", function(fill, target) { if (target.dataItem && (target.dataItem.valueY < 0)) { return am4core.color("#f5deb2"); } else { return fill; } }); // Add cursor chart.cursor = new am4charts.XYCursor(); chart.cursor.lineY.disabled = true; chart.cursor.lineX.disabled = true; $(".economicItem, .economicDate").click(function(){ var chart = am4core.create("economicChart", am4charts.XYChart); if($(this).attr('class').indexOf('economicItem') > -1){ item = $(this).attr('data-item'); title = $(this).text(); dateType = $(this).attr('data-dateType'); notation = $(this).attr('data-notation'); var dt = strtotime("-3 Year"); if(dateType=="quarter"){ dateTerm = dt.format('yyyyMM'); }else{ dateTerm = dt.format('yyyy'); } $(".economicDate[data-termDay='-3 Year']").trigger('click'); termWord="-3 Year"; } if($(this).attr('class').indexOf('economicDate') > -1){ termWord = $(this).attr('data-termDay'); var dt = strtotime(termWord); if(dateType=="quarter"){ dateTerm = dt.format('yyyyMM'); }else{ dateTerm = dt.format('yyyy'); } } if(termWord == "-3 Year"){ am4core.useTheme(am4themes_animated); var chart = am4core.create("economicChart", am4charts.XYChart); chart.dataSource.url = "/apiGet?id="+item+"&startdate="+dateTerm+"&tags=date,data"; // Create axes var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "date"; categoryAxis.renderer.labels.template.fontSize = 12; categoryAxis.cursorTooltipEnabled = false; //2020-10-09 categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text){ var temp; if(text){ var dat = new Date(text); if(dateType=="quarter"){ temp = text.substring(4)+'Q ' +text.substring(0,4); }else{ temp = text.substring(0,4); } }else{ temp = text; } return temp; }); var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.renderer.labels.template.fontSize = 12; valueAxis.renderer.opposite = true; valueAxis.cursorTooltipEnabled = false; //2020-10-09 // Create series var series = chart.series.push(new am4charts.ColumnSeries()); series.dataFields.valueY = "data"; series.dataFields.categoryX = "date"; var columnTemplate = series.columns.template; columnTemplate.tooltipText = title+"\n[bold]{valueY}"+notation+"[/]\n{categoryX}"; columnTemplate.fillOpacity = .9; columnTemplate.strokeOpacity = 0; columnTemplate.adapter.add("fill", function(fill, target) { if (target.dataItem && (target.dataItem.valueY < 0)) { return am4core.color("#f5deb2"); } else { return fill; } }); // Add cursor chart.cursor = new am4charts.XYCursor(); chart.cursor.lineY.disabled = true; chart.cursor.lineX.disabled = true; }else{ // Create axes var chart = am4core.create("economicChart", am4charts.XYChart); chart.dataSource.url = "/apiGet?id="+item+"&startdate="+dateTerm+"&tags=date,data"; var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "date"; categoryAxis.renderer.labels.template.fontSize = 12; categoryAxis.cursorTooltipEnabled = false; //2020-10-09 categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text){ var temp; if(text){ var dat = new Date(text); if(dateType=="quarter"){ temp = text.substring(4)+'Q ' +text.substring(0,4); }else{ temp = text.substring(0,4); } }else{ temp = text; } return temp; }); categoryAxis.renderer.paddingLeft = 20; // Create value axis var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.renderer.labels.template.fontSize = 12; valueAxis.renderer.opposite = true; valueAxis.cursorTooltipEnabled = false; //2020-10-09 // Create series var series = chart.series.push(new am4charts.LineSeries()); series.dataFields.valueY = "data"; series.dataFields.categoryX = "date"; series.stroke = am4core.color("#0091d3"); series.strokeWidth = 2; series.tensionX = 1; series.tooltipText = title+"\n[bold]{valueY}"+notation+"[/]\n{categoryX}"; series.tooltip.getFillFromObject = false; series.tooltip.background.fill = am4core.color("#ffffff"); series.tooltip.label.fill = am4core.color("#000"); // Add cursor chart.cursor = new am4charts.XYCursor(); chart.cursor.lineY.disabled = true; chart.cursor.lineX.disabled = true; series.tooltip.pointerOrientation = "vertical"; series.tooltip.label.fill = am4core.color("#000"); series.tooltip.events.on("shown", function(ev){ if((chart.contentHeight/2 - ev.target._pointTo.y) >= 30 ){ ev.target.dy = 7; }else{ ev.target.dy = -7; } }); // Add simple bullet var bullet = series.bullets.push(new am4charts.Bullet()); var square = bullet.createChild(am4core.Rectangle); square.width = 1; square.height = 1; bullet.stroke = am4core.color("#0091d3"); square.horizontalCenter = "middle"; square.verticalCenter = "middle"; // Create hover state var hoverState = bullet.states.create("hover"); hoverState.properties.scale = 6; } }); }); </script> <div id="economicChart" style="height:270px;"></div> </div> </div> </div> <!-- //table_graph 04--> <p class="Markets_tit">Inflation</p> <!-- table_graph 05--> <div class="table_graph"> <!-- tbl_box --> <div class="tbl_box box"> <table class="tbl list graph"> <caption>Inflation</caption> <colgroup> <col style="width:auto;"> <col style="width:126px"> <col style="width:126px"> </colgroup> <thead> <tr> <th scope="col"></th> <th scope="col"></th> <th scope="col">Previous month</th> <th scope="col">A year earlier</th> </tr> </thead> <tbody> <!-- tr class="on"> <td class="gh">Inflation Rate</td> <td>-</td> <td>-</td> </tr --> <tr class="on"> <td class="gh inflationItem" data-item="cpiQQ">CPI</td> <td>114.44</td> <td>113.98</td> <td>112.14</td> </tr> <tr> <td class="gh inflationItem" data-item="coreCpiQQ">Core CPI</td> <td>111.30</td> <td>111.28</td> <td>110.59</td> </tr> <tr> <td class="gh inflationItem" data-item="ppiQQ">PPI</td> <td>119.37</td> <td>119.21</td> <td>117.35</td> </tr> <tr class="line_no"> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr class="line_no"> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </tbody> </table> </div> <!-- //tbl_box --> <!-- graph_box --> <div class="graph_box box"> <ul class="num_data"> <li class="on inflationDate" data-termDay="-3 Year"><span class="num">3Y</span></li> <li class="inflationDate" data-termDay="-5 Year"><span class="num">5Y</span></li> <li class="inflationDate" data-termDay="-10 Year"><span class="num">10Y</span></li> <li class="inflationDate" data-termDay="-25 Year"><span class="num">25Y</span></li> </ul> <div class="graph"> <script> am4core.ready(function() { var item = "cpiQQ"; var title = "CPI"; var notation = ""; var termWord = "-3 Year"; var dateTerm = "20221"; am4core.useTheme(am4themes_animated); // Themes end // Create chart instance var chart = am4core.create("InflationChart", am4charts.XYChart); // Add data chart.dataSource.url = "/apiGet?id="+item+"&startdate="+dateTerm+"&tags=date,data"; // Create axes var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "date"; categoryAxis.renderer.labels.template.fontSize = 12; categoryAxis.cursorTooltipEnabled = false; //2020-10-09 categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text){ var temp; if(text){ temp = text.substring(4)+'Q ' +text.substring(0,4); }else{ temp = text; } return temp; }); var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.renderer.labels.template.fontSize = 12; valueAxis.renderer.opposite = true; valueAxis.cursorTooltipEnabled = false; //2020-10-09 // Create series var series = chart.series.push(new am4charts.ColumnSeries()); series.dataFields.valueY = "data"; series.dataFields.categoryX = "date"; var columnTemplate = series.columns.template; columnTemplate.tooltipText = title+"\n[bold]{valueY}"+notation+"[/]\n{categoryX}"; columnTemplate.fillOpacity = .9; columnTemplate.strokeOpacity = 0; columnTemplate.adapter.add("fill", function(fill, target) { if (target.dataItem && (target.dataItem.valueY < 0)) { return am4core.color("#f5deb2"); } else { return fill; } }); // Add cursor chart.cursor = new am4charts.XYCursor(); chart.cursor.lineY.disabled = true; chart.cursor.lineX.disabled = true; $(".inflationItem, .inflationDate").click(function(){ var chart = am4core.create("InflationChart", am4charts.XYChart); if($(this).attr('class').indexOf('inflationItem') > -1){ item = $(this).attr('data-item'); title = $(this).text(); var dt = strtotime("-1 week"); dateTerm = dt.format('yyyyMM'); $(".inflationDate[data-termDay='-3 Year']").trigger('click'); termWord="-3 Year"; } if($(this).attr('class').indexOf('inflationDate') > -1){ termWord = $(this).attr('data-termDay'); var dt = strtotime(termWord); dateTerm = dt.format('yyyyQ'); } if(termWord == "-3 Year"){ am4core.useTheme(am4themes_animated); var chart = am4core.create("InflationChart", am4charts.XYChart); chart.dataSource.url = "/apiGet?id="+item+"&startdate="+dateTerm+"&tags=date,data"; // Create axes var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "date"; categoryAxis.renderer.labels.template.fontSize = 12; categoryAxis.cursorTooltipEnabled = false; //2020-10-09 categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text){ var temp; if(text){ var dat = new Date(text); temp = text.substring(4)+'Q ' +text.substring(0,4); }else{ temp = text; } return temp; }); var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.renderer.labels.template.fontSize = 12; valueAxis.renderer.opposite = true; valueAxis.cursorTooltipEnabled = false; //2020-10-09 // Create series var series = chart.series.push(new am4charts.ColumnSeries()); series.dataFields.valueY = "data"; series.dataFields.categoryX = "date"; var columnTemplate = series.columns.template; columnTemplate.tooltipText = title+"\n[bold]{valueY}"+notation+"[/]\n{categoryX}"; columnTemplate.fillOpacity = .9; columnTemplate.strokeOpacity = 0; columnTemplate.adapter.add("fill", function(fill, target) { if (target.dataItem && (target.dataItem.valueY < 0)) { return am4core.color("#f5deb2"); } else { return fill; } }); // Add cursor chart.cursor = new am4charts.XYCursor(); chart.cursor.lineY.disabled = true; chart.cursor.lineX.disabled = true; }else{ // Create axes var chart = am4core.create("InflationChart", am4charts.XYChart); chart.dataSource.url = "/apiGet?id="+item+"&startdate="+dateTerm+"&tags=date,data"; var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "date"; categoryAxis.renderer.labels.template.fontSize = 12; categoryAxis.cursorTooltipEnabled = false; //2020-10-09 categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text){ var temp; if(text){ var dat = new Date(text); temp = text.substring(4)+'Q ' +text.substring(0,4); }else{ temp = text; } return temp; }); categoryAxis.renderer.paddingLeft = 20; // Create value axis var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.renderer.labels.template.fontSize = 12; valueAxis.renderer.opposite = true; valueAxis.cursorTooltipEnabled = false; //2020-10-09 // Create series var series = chart.series.push(new am4charts.LineSeries()); series.dataFields.valueY = "data"; series.dataFields.categoryX = "date"; series.stroke = am4core.color("#0091d3"); series.strokeWidth = 2; series.tensionX = 1; series.tooltipText = title+"\n[bold]{valueY}"+notation+"[/]\n{categoryX}"; series.tooltip.getFillFromObject = false; series.tooltip.background.fill = am4core.color("#ffffff"); series.tooltip.label.fill = am4core.color("#000"); // Add cursor chart.cursor = new am4charts.XYCursor(); chart.cursor.lineY.disabled = true; chart.cursor.lineX.disabled = true; series.tooltip.pointerOrientation = "vertical"; series.tooltip.label.fill = am4core.color("#000"); series.tooltip.events.on("shown", function(ev){ if((chart.contentHeight/2 - ev.target._pointTo.y) >= 30 ){ ev.target.dy = 7; }else{ ev.target.dy = -7; } }); // Add simple bullet var bullet = series.bullets.push(new am4charts.Bullet()); var square = bullet.createChild(am4core.Rectangle); square.width = 1; square.height = 1; bullet.stroke = am4core.color("#0091d3"); square.horizontalCenter = "middle"; square.verticalCenter = "middle"; // Create hover state var hoverState = bullet.states.create("hover"); hoverState.properties.scale = 6; } }); }); </script> <div id="InflationChart" style="height:220px;"></div> </div> </div> <!-- //graph_box --> </div> <div style="font-weight: regular;font-size: 12px;">2015=100</div> <!-- //table_graph 05--> <p class="Markets_tit">Employment</p> <!-- table_graph 06--> <div class="table_graph"> <!-- tbl_box --> <div class="tbl_box box"> <table class="tbl list graph"> <caption>Employment</caption> <colgroup> <col style="width:auto;"> <col style="width:126px"> <col style="width:126px"> </colgroup> <thead> <tr> <th scope="col"></th> <th scope="col"></th> <th scope="col">QoQ change</th> <th scope="col">YoY change</th> </tr> </thead> <tbody> <tr> <td class="gh on employmentItem" data-item="eapQQ">Economically Active Pop</td> <td>29,297</td> <td>-95</td> <td>0</td> </tr> <tr> <td class="gh employmentItem" data-item="payrollQQ">Payroll</td> <td>28,833</td> <td>-6</td> <td>0</td> </tr> <thead> <tr> <th scope="col"></th> <th scope="col"></th> <th scope="col">Previous month</th> <th scope="col">A year earlier</th> </tr> </thead> <tr> <td class="gh employmentItem" data-item="unemployRateQQ">Unemployment rate</td> <td>2.20%</td> <td>2.90</td> <td>2.30</td> </tr> <tr> <td class="gh employmentItem" data-item="employRateQQ">Employment rate</td> <td>62.90%</td> <td>62.70</td> <td>62.40</td> </tr> </tbody> </table> </div> <!-- //tbl_box --> <!-- graph_box --> <div class="graph_box box"> <ul class="num_data"> <li class="on employmentDate" data-termDay="-1 Year"><span class="num">1Y</span></li> <li class="employmentDate" data-termDay="-5 Year"><span class="num">5Y</span></li> <li class="employmentDate" data-termDay="-10 Year"><span class="num">10Y</span></li> <li class="employmentDate" data-termDay="-25 Year"><span class="num">25Y</span></li> </ul> <div class="graph"> <script> am4core.ready(function() { var item = "eapQQ"; var title="Economically Active Pop"; var notation=""; var termWord = "-1 Year"; var dateTerm = "20241"; am4core.useTheme(am4themes_animated); // Themes end // Create chart instance var chart = am4core.create("employmentChart", am4charts.XYChart); // Add data chart.dataSource.url = "/apiGet?id="+item+"&startdate="+dateTerm+"&tags=date,data"; // Create axes var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "date"; categoryAxis.renderer.labels.template.fontSize = 12; categoryAxis.cursorTooltipEnabled = false; //2020-10-09 categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text){ var temp; if(text){ temp = text.substring(4)+'Q ' +text.substring(0,4); }else{ temp = text; } return temp; }); var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.renderer.labels.template.fontSize = 12; valueAxis.renderer.opposite = true; valueAxis.cursorTooltipEnabled = false; //2020-10-09 // Create series var series = chart.series.push(new am4charts.ColumnSeries()); series.dataFields.valueY = "data"; series.dataFields.categoryX = "date"; var columnTemplate = series.columns.template; columnTemplate.tooltipText = title+"\n[bold]{valueY}"+notation+"[/]\n{categoryX}"; columnTemplate.fillOpacity = .9; columnTemplate.strokeOpacity = 0; columnTemplate.adapter.add("fill", function(fill, target) { if (target.dataItem && (target.dataItem.valueY < 0)) { return am4core.color("#f5deb2"); } else { return fill; } }); // Add cursor chart.cursor = new am4charts.XYCursor(); chart.cursor.lineY.disabled = true; chart.cursor.lineX.disabled = true; $(".employmentItem, .employmentDate").click(function(){ var chart = am4core.create("employmentChart", am4charts.XYChart); if($(this).attr('class').indexOf('employmentItem') > -1){ item = $(this).attr('data-item'); title = $(this).text(); var dt = strtotime("-1 Year"); dateTerm = dt.format('yyyyQ'); $(".inflationDate[data-termDay='-1 Year']").trigger('click'); termWord="-1 Year"; } if($(this).attr('class').indexOf('employmentDate') > -1){ termWord = $(this).attr('data-termDay'); var dt = strtotime(termWord); dateTerm = dt.format('yyyyQ'); } if(termWord == "-1 Year"){ am4core.useTheme(am4themes_animated); var chart = am4core.create("employmentChart", am4charts.XYChart); chart.dataSource.url = "/apiGet?id="+item+"&startdate="+dateTerm+"&tags=date,data"; // Create axes var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "date"; categoryAxis.renderer.labels.template.fontSize = 12; categoryAxis.cursorTooltipEnabled = false; //2020-10-09 categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text){ var temp; if(text){ temp = text.substring(4)+'Q ' +text.substring(0,4); }else{ temp = text; } return temp; }); var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.renderer.labels.template.fontSize = 12; valueAxis.renderer.opposite = true; valueAxis.cursorTooltipEnabled = false; //2020-10-09 // Create series var series = chart.series.push(new am4charts.ColumnSeries()); series.dataFields.valueY = "data"; series.dataFields.categoryX = "date"; var columnTemplate = series.columns.template; columnTemplate.tooltipText = title+"\n[bold]{valueY}"+notation+"[/]\n{categoryX}"; columnTemplate.fillOpacity = .9; columnTemplate.strokeOpacity = 0; columnTemplate.adapter.add("fill", function(fill, target) { if (target.dataItem && (target.dataItem.valueY < 0)) { return am4core.color("#f5deb2"); } else { return fill; } }); // Add cursor chart.cursor = new am4charts.XYCursor(); chart.cursor.lineY.disabled = true; chart.cursor.lineX.disabled = true; }else{ // Create axes var chart = am4core.create("employmentChart", am4charts.XYChart); chart.dataSource.url = "/apiGet?id="+item+"&startdate="+dateTerm+"&tags=date,data"; var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "date"; categoryAxis.renderer.labels.template.fontSize = 12; categoryAxis.cursorTooltipEnabled = false; //2020-10-09 categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text){ var temp; if(text){ var dat = new Date(text); temp = text.substring(4)+'Q ' +text.substring(0,4); }else{ temp = text; } return temp; }); categoryAxis.renderer.paddingLeft = 20; // Create value axis var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.renderer.labels.template.fontSize = 12; valueAxis.renderer.opposite = true; valueAxis.cursorTooltipEnabled = false; //2020-10-09 // Create series var series = chart.series.push(new am4charts.LineSeries()); series.dataFields.valueY = "data"; series.dataFields.categoryX = "date"; series.stroke = am4core.color("#0091d3"); series.strokeWidth = 2; series.tensionX = 1; series.tooltipText = title+"\n[bold]{valueY}"+notation+"[/]\n{categoryX}"; series.tooltip.getFillFromObject = false; series.tooltip.background.fill = am4core.color("#ffffff"); series.tooltip.label.fill = am4core.color("#000"); // Add cursor chart.cursor = new am4charts.XYCursor(); chart.cursor.lineY.disabled = true; chart.cursor.lineX.disabled = true; series.tooltip.pointerOrientation = "vertical"; series.tooltip.label.fill = am4core.color("#000"); series.tooltip.events.on("shown", function(ev){ if((chart.contentHeight/2 - ev.target._pointTo.y) >= 30 ){ ev.target.dy = 7; }else{ ev.target.dy = -7; } }); // Add simple bullet var bullet = series.bullets.push(new am4charts.Bullet()); var square = bullet.createChild(am4core.Rectangle); square.width = 1; square.height = 1; bullet.stroke = am4core.color("#0091d3"); square.horizontalCenter = "middle"; square.verticalCenter = "middle"; // Create hover state var hoverState = bullet.states.create("hover"); hoverState.properties.scale = 6; } }); }); </script> <div id="employmentChart" style="height:220px;"></div> </div> </div> <!-- //graph_box --> </div> <!-- //table_graph 06--> <p class="Markets_tit">Macroprudential</p> <!-- table_graph 07--> <div class="table_graph"> <!-- tbl_box --> <div class="tbl_box box"> <table class="tbl list graph"> <caption>Macroprudential</caption> <colgroup> <col style="width:auto;"> <col style="width:126px"> <col style="width:126px"> </colgroup> <thead> <tr> <th scope="col"></th> <th scope="col"></th> <th scope="col">MoM change</th> <th scope="col">YoY change</th> </tr> </thead> <tbody> <tr class="on"> <td class="gh macroprudentialItem" data-item="currentAccountMM">Current Account (million USD)</td> <td>6,704</td> <td>-1,487</td> <td>-1,472</td> </tr> <tr> <td class="gh macroprudentialItem" data-item="fxReserveQQ">FX Reserve (million USD)</td> <td>419,969,772</td> <td>7,681,637</td> <td>7,604,820</td> </tr> <tr> <td class="gh macroprudentialItem" data-item="extDebtGdpQQ">External Debt (million USD)</td> <td>658,284</td> <td>-9,201</td> <td>658,284</td> </tr> <tr class="line_no"> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr class="line_no"> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </tbody> </table> </div> <!-- //tbl_box --> <!-- graph_box --> <div class="graph_box box"> <ul class="num_data"> <li class="on macroprudentialDate" data-termDay="-1 Year"><span class="num">1Y</span></li> <li class="macroprudentialDate" data-termDay="-5 Year"><span class="num">5Y</span></li> <li class="macroprudentialDate" data-termDay="-10 Year"><span class="num">10Y</span></li> <li class=" macroprudentialDate" data-termDay="-25 Year"><span class="num">25Y</span></li> </ul> <div class="graph"> <script> am4core.ready(function() { var item = "currentAccountMM"; var title = "Current Account (million USD)"; var notation = ""; var termWord = "-1 Year"; var dateTerm = "20241"; am4core.useTheme(am4themes_animated); // Create chart instance var chart = am4core.create("macroprudentialChart", am4charts.XYChart); // Add data chart.dataSource.url = "/apiGet?id="+item+"&startdate="+dateTerm+"&tags=date,data"; // Create axes var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "date"; categoryAxis.renderer.labels.template.fontSize = 12; categoryAxis.cursorTooltipEnabled = false; //2020-10-09 categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text){ var temp; if(text){ var dat = new Date(text.substring(0,4)+'-'+text.substring(4,6)+"-01"); temp = dat.toLocaleString('en-us', { month: 'short' })+' '+text.substring(0,4); }else{ temp = text; } return temp; }); var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.renderer.labels.template.fontSize = 12; valueAxis.renderer.opposite = true; valueAxis.cursorTooltipEnabled = false; //2020-10-09 // Create series var series = chart.series.push(new am4charts.ColumnSeries()); series.dataFields.valueY = "data"; series.dataFields.categoryX = "date"; var columnTemplate = series.columns.template; columnTemplate.tooltipText = title+"\n[bold]{valueY}[/]\n{\categoryX.formatDate('MMM yyyy')}"; columnTemplate.fillOpacity = .9; columnTemplate.strokeOpacity = 0; columnTemplate.adapter.add("fill", function(fill, target) { if (target.dataItem && (target.dataItem.valueY < 0)) { return am4core.color("#f5deb2"); } else { return fill; } }); // Add cursor chart.cursor = new am4charts.XYCursor(); chart.cursor.lineY.disabled = true; chart.cursor.lineX.disabled = true; $(".macroprudentialItem, .macroprudentialDate").click(function(){ var chart = am4core.create("macroprudentialChart", am4charts.XYChart); if($(this).attr('class').indexOf('macroprudentialItem') > -1){ item = $(this).attr('data-item'); title = $(this).text(); var dt = strtotime("-1 Year"); dateTerm = dt.format('yyyyMM'); $(".macroprudentialDate[data-termDay='-1 Year']").trigger('click'); termWord="-1 Year"; } if($(this).attr('class').indexOf('macroprudentialDate') > -1){ termWord = $(this).attr('data-termDay'); var dt = strtotime(termWord); dateTerm = dt.format('yyyyMM'); } if(termWord == "-1 Year"){ am4core.useTheme(am4themes_animated); var chart = am4core.create("macroprudentialChart", am4charts.XYChart); chart.dataSource.url = "/apiGet?id="+item+"&startdate="+dateTerm+"&tags=date,data"; // Create axes var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "date"; categoryAxis.renderer.labels.template.fontSize = 12; categoryAxis.cursorTooltipEnabled = false; //2020-10-09 categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text){ var temp; if(text){ var dat = new Date(text.substring(0,4)+'-'+text.substring(4,6)+"-01"); temp = dat.toLocaleString('en-us', { month: 'short' })+' '+text.substring(0,4); }else{ temp = text; } return temp; }); var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.renderer.labels.template.fontSize = 12; valueAxis.renderer.opposite = true; valueAxis.cursorTooltipEnabled = false; //2020-10-09 // Create series var series = chart.series.push(new am4charts.ColumnSeries()); series.dataFields.valueY = "data"; series.dataFields.categoryX = "date"; var columnTemplate = series.columns.template; columnTemplate.tooltipText = title+"\n[bold]{valueY}[/]\n{\categoryX.formatDate('MMM yyyy')}"; columnTemplate.fillOpacity = .9; columnTemplate.strokeOpacity = 0; columnTemplate.adapter.add("fill", function(fill, target) { if (target.dataItem && (target.dataItem.valueY < 0)) { return am4core.color("#f5deb2"); } else { return fill; } }); // Add cursor chart.cursor = new am4charts.XYCursor(); chart.cursor.lineY.disabled = true; chart.cursor.lineX.disabled = true; }else{ // Create axes var chart = am4core.create("macroprudentialChart", am4charts.XYChart); chart.dataSource.url = "/apiGet?id="+item+"&startdate="+dateTerm+"&tags=date,data"; var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "date"; categoryAxis.renderer.labels.template.fontSize = 12; categoryAxis.cursorTooltipEnabled = false; //2020-10-09 categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text){ var temp; if(text){ var dat = new Date(text); temp = text.substring(4)+'Q ' +text.substring(0,4); }else{ temp = text; } return temp; }); categoryAxis.renderer.paddingLeft = 20; // Create value axis var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.renderer.labels.template.fontSize = 12; valueAxis.renderer.opposite = true; valueAxis.cursorTooltipEnabled = false; //2020-10-09 // Create series var series = chart.series.push(new am4charts.LineSeries()); series.dataFields.valueY = "data"; series.dataFields.categoryX = "date"; series.stroke = am4core.color("#0091d3"); series.strokeWidth = 2; series.tensionX = 1; series.tooltipText = title+"\n[bold]{valueY}"+notation+"[/]\n{\categoryX.formatDate('MMM yyyy')}"; series.tooltip.getFillFromObject = false; series.tooltip.background.fill = am4core.color("#ffffff"); series.tooltip.label.fill = am4core.color("#000"); // Add cursor chart.cursor = new am4charts.XYCursor(); chart.cursor.lineY.disabled = true; chart.cursor.lineX.disabled = true; series.tooltip.pointerOrientation = "vertical"; series.tooltip.label.fill = am4core.color("#000"); series.tooltip.events.on("shown", function(ev){ if((chart.contentHeight/2 - ev.target._pointTo.y) >= 30 ){ ev.target.dy = 7; }else{ ev.target.dy = -7; } }); // Add simple bullet var bullet = series.bullets.push(new am4charts.Bullet()); var square = bullet.createChild(am4core.Rectangle); square.width = 1; square.height = 1; bullet.stroke = am4core.color("#0091d3"); square.horizontalCenter = "middle"; square.verticalCenter = "middle"; // Create hover state var hoverState = bullet.states.create("hover"); hoverState.properties.scale = 6; } }); }); </script> <div id="macroprudentialChart" style="height:220px;"></div> </div> </div> <!-- //graph_box --> </div> <!-- //table_graph 07--> <p class="Markets_tit">Business Cycle</p> <!-- table_graph 07--> <div class="table_graph"> <!-- tbl_box --> <div class="tbl_box box"> <table class="tbl list graph"> <caption>Business Cycle</caption> <colgroup> <col style="width:auto;"> <col style="width:126px"> <col style="width:126px"> </colgroup> <thead> <tr> <th scope="col"></th> <th scope="col"></th> <th scope="col">Previous month</th> <th scope="col">A year earlier</th> </tr> </thead> <tbody> <tr class="on"> <td class="gh businessCycleItem" data-item="businessSurveyIndexMM">Business Survey Index</td> <td>69</td> <td>70</td> <td>70</td> </tr> <tr> <td class="gh businessCycleItem" data-item="consumerSentmentIndexMM">Consumer Sentment Index</td> <td>101.7</td> <td>100</td> <td>97.3</td> </tr> <tr> <td class="gh businessCycleItem" data-item="coincideCompositeIndex">Coincident Composite Index</td> <td>111.5</td> <td>111.3</td> <td>111.6</td> </tr> <tr> <td class="gh businessCycleItem" data-item="coincideLeadingIndex">Composite Leading Index</td> <td>116.5</td> <td>116.2</td> <td>115.2</td> </tr> <tr class="line_no"> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </tbody> </table> </div> <!-- //tbl_box --> <!-- graph_box --> <div class="graph_box box"> <ul class="num_data"> <li class="on businessCycleDate" data-termDay="-1 Year"><span class="num">1Y</span></li> <li class="businessCycleDate" data-termDay="-5 Year"><span class="num">5Y</span></li> <li class="businessCycleDate" data-termDay="-10 Year"><span class="num">10Y</span></li> <li class="businessCycleDate" data-termDay="-25 Year"><span class="num">25Y</span></li> </ul> <div class="graph"> <script> am4core.ready(function() { var item = "businessSurveyIndexMM"; var title = "Business Survey Index"; var notation = ""; var termWord = "-1 Year"; var dateTerm = "202404"; am4core.useTheme(am4themes_animated); // Themes end // Create chart instance var chart = am4core.create("businessCycleChart", am4charts.XYChart); // Add data chart.dataSource.url = "/apiGet?id="+item+"&startdate="+dateTerm+"&tags=date,data"; // Create axes var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "date"; categoryAxis.renderer.labels.template.fontSize = 12; categoryAxis.cursorTooltipEnabled = false; //2020-10-09 categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text){ var temp; if(text){ var dat = new Date(text.substring(0,4)+'-'+text.substring(4,6)+"-01"); temp = dat.toLocaleString('en-us', { month: 'short' })+' '+text.substring(0,4); }else{ temp = text; } return temp; }); var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.renderer.labels.template.fontSize = 12; valueAxis.renderer.opposite = true; valueAxis.cursorTooltipEnabled = false; //2020-10-09 // Create series var series = chart.series.push(new am4charts.ColumnSeries()); series.dataFields.valueY = "data"; series.dataFields.categoryX = "date"; var columnTemplate = series.columns.template; columnTemplate.tooltipText = title+"\n[bold]{valueY}[/]\n{\categoryX.formatDate('MMM yyyy')}"; columnTemplate.fillOpacity = .9; columnTemplate.strokeOpacity = 0; columnTemplate.adapter.add("fill", function(fill, target) { if (target.dataItem && (target.dataItem.valueY < 0)) { return am4core.color("#f5deb2"); } else { return fill; } }); // Add cursor chart.cursor = new am4charts.XYCursor(); chart.cursor.lineY.disabled = true; chart.cursor.lineX.disabled = true; $(".businessCycleItem, .businessCycleDate").click(function(){ var chart = am4core.create("businessCycleChart", am4charts.XYChart); if($(this).attr('class').indexOf('businessCycleItem') > -1){ item = $(this).attr('data-item'); title = $(this).text(); var dt = strtotime("-1 Year"); dateTerm = dt.format('yyyyMM'); $(".businessCycleDate[data-termDay='-1 Year']").trigger('click'); termWord="-1 Year"; } if($(this).attr('class').indexOf('businessCycleDate') > -1){ termWord = $(this).attr('data-termDay'); var dt = strtotime(termWord); dateTerm = dt.format('yyyyMM'); } if(termWord == "-1 Year"){ am4core.useTheme(am4themes_animated); var chart = am4core.create("businessCycleChart", am4charts.XYChart); chart.dataSource.url = "/apiGet?id="+item+"&startdate="+dateTerm+"&tags=date,data"; // Create axes var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "date"; categoryAxis.renderer.labels.template.fontSize = 12; categoryAxis.cursorTooltipEnabled = false; //2020-10-09 categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text){ var temp; if(text){ var dat = new Date(text.substring(0,4)+'-'+text.substring(4,6)+"-01"); temp = dat.toLocaleString('en-us', { month: 'short' })+' '+text.substring(0,4); }else{ temp = text; } return temp; }); var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.renderer.labels.template.fontSize = 12; valueAxis.renderer.opposite = true; valueAxis.cursorTooltipEnabled = false; //2020-10-09 // Create series var series = chart.series.push(new am4charts.ColumnSeries()); series.dataFields.valueY = "data"; series.dataFields.categoryX = "date"; var columnTemplate = series.columns.template; columnTemplate.tooltipText = title+"\n[bold]{valueY}[/]\n{\categoryX.formatDate('MMM yyyy')}"; columnTemplate.fillOpacity = .9; columnTemplate.strokeOpacity = 0; columnTemplate.adapter.add("fill", function(fill, target) { if (target.dataItem && (target.dataItem.valueY < 0)) { return am4core.color("#f5deb2"); } else { return fill; } }); // Add cursor chart.cursor = new am4charts.XYCursor(); chart.cursor.lineY.disabled = true; chart.cursor.lineX.disabled = true; }else{ // Create axes var chart = am4core.create("businessCycleChart", am4charts.XYChart); chart.dataSource.url = "/apiGet?id="+item+"&startdate="+dateTerm+"&tags=date,data"; var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "date"; categoryAxis.renderer.labels.template.fontSize = 12; categoryAxis.cursorTooltipEnabled = false; //2020-10-09 categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text){ var temp; if(text){ var dat = new Date(text.substring(0,4)+'-'+text.substring(4,6)+"-01"); temp = dat.toLocaleString('en-us', { month: 'short' })+' '+text.substring(0,4); }else{ temp = text; } return temp; }); categoryAxis.renderer.paddingLeft = 20; // Create value axis var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.renderer.labels.template.fontSize = 12; valueAxis.renderer.opposite = true; valueAxis.cursorTooltipEnabled = false; //2020-10-09 // Create series var series = chart.series.push(new am4charts.LineSeries()); series.dataFields.valueY = "data"; series.dataFields.categoryX = "date"; series.stroke = am4core.color("#0091d3"); series.strokeWidth = 2; series.tensionX = 1; series.tooltipText = title+"\n[bold]{valueY}[/]\n{\categoryX.formatDate('MMM yyyy')}"; series.tooltip.getFillFromObject = false; series.tooltip.background.fill = am4core.color("#ffffff"); series.tooltip.label.fill = am4core.color("#000"); // Add cursor chart.cursor = new am4charts.XYCursor(); chart.cursor.lineY.disabled = true; chart.cursor.lineX.disabled = true; series.tooltip.pointerOrientation = "vertical"; series.tooltip.label.fill = am4core.color("#000"); series.tooltip.events.on("shown", function(ev){ if((chart.contentHeight/2 - ev.target._pointTo.y) >= 30 ){ ev.target.dy = 7; }else{ ev.target.dy = -7; } }); // Add simple bullet var bullet = series.bullets.push(new am4charts.Bullet()); var square = bullet.createChild(am4core.Rectangle); square.width = 1; square.height = 1; bullet.stroke = am4core.color("#0091d3"); square.horizontalCenter = "middle"; square.verticalCenter = "middle"; // Create hover state var hoverState = bullet.states.create("hover"); hoverState.properties.scale = 6; } }); }); </script> <div id="businessCycleChart" style="height:220px;"></div> </div> </div> <!-- //graph_box --> </div> <!-- //table_graph 07--> </div> <!-- //Markets --> <!-- AD --> <div class="banner" style="clear:both;"> <script> window.googletag = window.googletag || {cmd: []}; googletag.cmd.push(function() { googletag.defineSlot('/22197657048/NewsListPage_LargeLeaderboard_970*90', [970, 90], 'div-gpt-ad-1607924993490-0').addService(googletag.pubads()); googletag.pubads().enableSingleRequest(); googletag.enableServices(); }); </script> <div id='div-gpt-ad-1607924993490-0' style='width: 970px; height: 90px;'> <script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1607924993490-0'); }); </script> </div> </div> <!-- //AD --> </div> <!-- //inner --> </div> <!-- //list_page--> </div> </div> <!-- //content --> </div> <!-- //container --> <!-- footer --> <!--중문, 일어 서비스 종료 팝업--> <!--// 중문, 일어 서비스 종료 팝업 --> <!-- footer --> <footer id="footer" class="mt0"> <div class="inner"> <a href="/" class="logo">THE KOREA ECONOMIC DAILY GLOBAL EDITION</a> <a href="/brandedList" class="btn_branded">BRANDED CONTENT</a> <!-- direct_service --> <div class="direct_service clear"> <div class="box"> <a href="/Companies/newsList/ked001000000">Companies</a> <ul> <li><a href="/Companies-Home/newsList/ked001000000" >Companies Home</a></li> <li><a href="/Latest-on-Korean-Startups/newsList/ked001004000" >Latest on Korean Startups</a></li> <li><a href="/kunicornsMain" >Future Unicorns</a></li> <li><a href="/khcMain" >Hidden Champions </a></li> <li><a href="/brandedList" >Branded Content</a></li> <li><a href="/CAPA/newsList/ked011000000" >Get It Made In Korea</a></li> <li><a href="/companies-list" >Companies A to Z</a></li> </ul> </div> <div class="box"> <a href="/investorsMain">Korean Investors</a> <ul> <li><a href="/investorsMain" >Korean Investors Home</a></li> <li><a href="/investorsManagers" >Best Asset Managers by Korean Investors</a></li> </ul> </div> <div class="box"> <a href="/Deals/newsList/ked003000000">Deals</a> <ul> <li><a href="/M-A/newsList/ked003001000" >M&A</a></li> <li><a href="/ECM-DCM/newsList/ked003002000" >ECM/DCM</a></li> </ul> </div> <div class="box"> <a href="/markets">Markets</a> </div> <div class="box"> <a href="/Culture-Trends/newsList/ked005000000">Culture & Trends</a> </div> <div class="box"> <a href="/Perspectives/newsList/ked006000000">Perspectives</a> </div> <div class="box"> <a href="/khcMain">Hidden Champions</a> </div> <div class="box"> <a href="/kunicornsMain">Future Unicorns</a> </div> <!-- 1201 퍼블추가 : sns_box --> <div class="box"> <a href="#!">Follow us</a> <ul class="sns_box"> <li><a href="https://www.facebook.com/koreaeconomicdaily" class="icon fb" target="_blank">Facebook</a></li> <li><a href="https://twitter.com/kedglobal" class="icon tw" target="_blank">Twitter</a></li> <li><a href="https://www.linkedin.com/company/the-korea-economic-daily/" class="icon in" target="_blank">Linkedin</a></li> </ul> </div> </div> <!-- //direct_service --> <!-- info_conts --> <div class="info_conts clear"> <div class="family_site"> <strong class="tit">Family Site</strong> <ul class="list_links"> <li><a href="http://www.hankyung.com" target="_blank">The Korea Economic Daily</a></li> <li><a href="http://www.wowtv.co.kr/" target="_blank">The Korea Economic TV</a></li> <li><a href="https://magazine.hankyung.com/" target="_blank">The Korea Economic Daily Magazine</a></li> <li><a href="http://bp.hankyung.com/" target="_blank">Hankyung BP</a></li> <li><a href="https://tenasia.hankyung.com/" target="_blank">Ten Asia</a></li> </ul> </div> <div class="policy_box"> <ul class="list_links clear"> <li><a href="/eventView/aboutus">About us</a></li> <li><a href="/faqList">Help Center</a></li> <li><a href="/eventView/contact">Contact us</a></li> <li><a href="/eventView/advertising">Advertise with KED Global</a></li> <li><a href="/eventView/conditions">Terms of Service</a></li> <li><a href="/eventView/privacyPolicy">Privacy Policy</a></li> <li><a href="/eventView/copyright">Copyright Policy</a></li> <li><a href="/eventView/editorialPolicy">Editorial Policy & Code of Practice</a></li> <li>Online newspaper registration No: 서울, 아53319 Date of registration: Oct 7 2020</li> </ul> <!-- 1014 퍼블추가 --> <p class="copy">Publisher & Managing Editor: Yoo Byungyun | Address: 14F The Korea Economic Daily Bldg., 463, Cheongpa-ro, Jung-gu, Seoul, Korea 04505 | Business registration No: 796-87-01625 | Contact: <a href="mailto:kedglobal@hankyung.com" style="display: inline-block;">kedglobal@hankyung.com</a>, +82-2-360-4319 | Juvenile Protection Manager: Yun Dongbeom | <a href="https://www.kedglobal.com/news-sitemap" style="display: inline-block;"> Sitemap </a> | <a href="https://www.kedglobal.com/companies-list" style="display: inline-block;"> Company list </a> | <a href="https://www.kedglobal.com/economic-news-topic" style="display: inline-block;"> News topic </a> </p> <p class="copy">Copyright© 2025 KED Global News Network . All Rights reserved</p> </div> </div> <!-- //info_conts --> </div> </footer> <!-- //footer --> <!-- cookies_layer --> <div class="cookies_layer" style="display:none;"> <h3 class="tit"> Cookies on KED Global</h3> <p class="desc">We use cookies to provide the best user experience. By continuing to browse this website, you will be considered to accept cookies. Please review our Privacy Policy to learn our cookie policy.</p> <div class="left"> <a href="/eventView/privacyPolicy" class="policy_link">KED Global Privacy Policy</a> </div> <div class="right"> <button type="button" class="btn_accept" data-accept-use-cookies>Accept & continue</button> </div> </div> <script> var cookiePath = '/'; $(document).ready(function(){ if($.cookie('useCookies') == 'Y'){ $('.cookies_layer').hide(); }else{ console.log('useCookies : false'); $('.cookies_layer').show(); } }); $(document).on('click','[data-accept-use-cookies]',function(){ $.cookie('useCookies', 'Y', {expires:30, path:cookiePath}); }); $('.keyword').on('click',function(){ var categoryId = $(this).find('span').data('categoryid'); if(categoryId){ location.href='/newsList/'+categoryId; }else{ location.href='/newsList/$'+encodeURIComponent($(this).text().trim())+'?lang=us' ; } return false; }); </script> <!-- cookies_layer --> <!-- //footer --> <!-- sidenav --> <div id="sidenav"> <div class="sidenav_wrap"> <div class="side_head"> <strong class="logo"><span class="hidden">KONOMY by the korea economic daily</span></strong> <button type="button" class="btn_close"><span class="hidden">Close Menu</span></button> </div> <div class="user_box clear"> <ul> <li><a href="/login">SIGN IN</a></li> <li><a href="/memberShip">JOIN</a></li> </ul> </div> <div id="sideGnb"> <ul> <li > <strong class="tit"><a href="javascript:;" role="button">Companies</a></strong> <div class="depth2"> <ul> <li><a href="/Companies-Home/newsList/ked001000000" >Companies Home</a></li> <li><a href="/Latest-on-Korean-Startups/newsList/ked001004000" >Latest on Korean Startups</a></li> <li><a href="/kunicornsMain" >Future Unicorns</a></li> <li><a href="/khcMain" >Hidden Champions </a></li> <li><a href="/brandedList" >Branded Content</a></li> <li><a href="/CAPA/newsList/ked011000000" >Get It Made In Korea</a></li> <li><a href="/companies-list" >Companies A to Z</a></li> </ul> </div> </li> <li > <strong class="tit"><a href="javascript:;" role="button">Korean Investors</a></strong> <div class="depth2"> <ul> <li><a href="/investorsMain" >Korean Investors Home</a></li> <li><a href="/investorsManagers" >Best Asset Managers by Korean Investors</a></li> </ul> </div> </li> <li > <strong class="tit"><a href="javascript:;" role="button">Deals</a></strong> <div class="depth2"> <ul> <li><a href="/M-A/newsList/ked003001000" >M&A</a></li> <li><a href="/ECM-DCM/newsList/ked003002000" >ECM/DCM</a></li> </ul> </div> </li> <li class="none"> <strong class="tit"><a href="/markets?lang=1" role="button">Markets</a></strong> </li> <li class="none"> <strong class="tit"><a href="/Culture-Trends/newsList/ked005000000?lang=1" role="button">Culture & Trends</a></strong> </li> <li class="none"> <strong class="tit"><a href="/Perspectives/newsList/ked006000000?lang=1" role="button">Perspectives</a></strong> </li> <li class="none"> <strong class="tit"><a href="/khcMain?lang=1" role="button">Hidden Champions</a></strong> </li> <li class="none"> <strong class="tit"><a href="/kunicornsMain?lang=1" role="button">Future Unicorns</a></strong> </li> </ul> </div> <!-- 1201 �ۺ��߰� : sns_box --> <div class="sns_box"> <em class="follow">Follow us</em> <div class="box"> <a href="https://twitter.com/kedglobal" target="_blank" class="icon tw"></a> <a href="https://www.linkedin.com/company/the-korea-economic-daily/" target="_blank" class="icon in"></a> <a href="https://www.facebook.com/koreaeconomicdaily" target="_blank" class="icon fb"></a> </div> </div> </div> </div> <script> let logout = ()=>{ localStorage.clear(); location.href = "/logout"; } </script> <!-- //sidenav --> <!-- language --> <div class="tooltip_lang" style="display:none;z-index:100"> <div class="language_box"> <ul> <li data-lang="us"><a href="">EN</a></li> <li data-lang="ch"><a href="/cn">CN</a></li> <li data-lang="jp"><a href="/jp">JP</a></li> </ul> </div> </div> <!-- //language --> <!-- cookies_layer --> <!-- <div class="cookies_layer" style="display:none;"> <h3 class="tit">Cookies on KED Sites</h3> <p class="desc">We use cookies to provide the best user experience. By continuing to browse this website, you will be considered to accept cookies. Please review our Privacy Policy to learn our cookie policy.</p> <div class="left"> <a href="#!" class="policy_link">Cookies on KED Global Sites</a> </div> <div class="right"> <button type="button" class="btn_accept" data-accept-use-cookies>Accept & continue</button> </div> </div> <script> var cookiePath = '/'; $(document).ready(function(){ console.log('useCookies : '+$.cookie('useCookies')); if($.cookie('useCookies') == 'Y'){ $('.cookies_layer').hide(); }else{ console.log('useCookies : false'); $('.cookies_layer').show(); } }); $(document).on('click','[data-accept-use-cookies]',function(){ $.cookie('useCookies', 'Y', {expires:30, path:cookiePath}); }); </script> --> <!-- //cookies_layer --> </div> <!-- //wrap --> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10