K-US500X-A(A) - KASIKORN ASSET MANAGEMENT (2024)

'; } }, plotOptions: { series: { marker: { enabled: false } }, pie: { shadow: false, borderWidth: 0, allowPointSelect: true, cursor: 'pointer', startAngle: 180, size: 150, dataLabels: { enabled: false }, showInLegend: true, point: { events: { legendItemClick: function (e) { e.preventDefault(); } } } }, }, colors: [ '#0A331A', '#114D28', '#014619', '#176735', '#1D8143', '#239B50', '#29B55E', '#2FCF6B', '#21DE69', '#49D47E', '#535353', '#717171', '#A0A0A0', '#D5D5D5', '#DDDDDD', ], series: [{ name: 'สัดส่วนการลงทุน', data: ld }] }); }); } } var chartMenuDictionary = {}; if (GetLangFormUrl() === 'th') { chartMenuDictionary.label_title = 'เลือกช่วงข้อมูล'; chartMenuDictionary.label_ytd = 'ต้นปีถึงปัจจุบัน'; chartMenuDictionary.label_3m = '3 เดือน'; chartMenuDictionary.label_6m = '6 เดือน'; chartMenuDictionary.label_1y = '1 ปี'; chartMenuDictionary.label_3y = '3 ปี'; chartMenuDictionary.label_5y = '5 ปี'; chartMenuDictionary.label_10y = '10 ปี'; chartMenuDictionary.label_since_inception = 'ตั้งแต่จัดตั้งกองทุน'; } else { chartMenuDictionary.label_title = 'Interval'; chartMenuDictionary.label_ytd = 'YTD'; chartMenuDictionary.label_3m = '3 months'; chartMenuDictionary.label_6m = '6 months'; chartMenuDictionary.label_1y = '1 year (p.a.)'; chartMenuDictionary.label_3y = '3 years (p.a.)'; chartMenuDictionary.label_5y = '5 years (p.a.)'; chartMenuDictionary.label_10y = '10 years (p.a.)'; chartMenuDictionary.label_since_inception = 'Since inception (p.a.)'; } function hf_nav_chart() { console.log('render.chart.do'); var fundCode = $("#HFT_FundCode").val(); $(function () { if ($('#chart-performance').length) { var chartWidth = $(window).width(); if (chartWidth < 1200 && chartWidth > 991) { chartWidth = 0 } var seriesOptions = [], seriesCounter = 0, names = [fundCode, 'Benchmark']; function createChart() { var LB_Three_M = "3 เดือน"; var LB_Six_M = "6 เดือน"; var LB_One_Y = "1 ปี"; var LB_Three_Y = "3 ปี"; var LB_Five_Y = "5 ปี"; var LB_Ten_Y = "10 ปี"; var LB_YTD = "ต้นปีถึงปัจจุบัน"; var LB_SINCE_INCEPTION = "ตั้งแต่จัดตั้งกองทุน"; if (GetLangFormUrl() != "th") { LB_Three_M = "3 months"; LB_Six_M = "6 months"; LB_One_Y = "1 year"; LB_Three_Y = "3 years"; LB_Five_Y = "5 years"; LB_Ten_Y = "10 years"; LB_YTD = "YTD"; LB_SINCE_INCEPTION = "Since inception"; } Highcharts.stockChart('chart-performance', { exporting: { enabled: chartWidth > 767 ? false : true, buttons: { contextButton: { enabled: chartWidth > 767 ? false : true, //className: 'highcharts-contextbutton', }, toggle: { enabled: true, className: 'choose-range', useHTML: true, text: '

' + chartMenuDictionary.label_title + '

', align: 'left', y: -5, x: 0, theme: { 'stroke-width': 1, stroke: 'silver', r: 4, padding: 10, state: { hover: { stroke: '#00a950', }, select: { stroke: '#00a950', } } }, //width: 100, menuItems: [{ text: chartMenuDictionary.label_ytd, onclick: function () { this.rangeSelector.clickButton(0, true); $(this.renderTo).find(".highcharts-button").find("text").text(chartMenuDictionary.label_ytd); } }, { text: chartMenuDictionary.label_3m, onclick: function () { this.rangeSelector.clickButton(1, true); $(this.renderTo).find(".highcharts-button").find("text").text(chartMenuDictionary.label_3m); } }, { text: chartMenuDictionary.label_6m, onclick: function () { this.rangeSelector.clickButton(2, true); $(this.renderTo).find(".highcharts-button").find("text").text(chartMenuDictionary.label_6m); } }, { text: chartMenuDictionary.label_1y, onclick: function () { this.rangeSelector.clickButton(3, true); $(this.renderTo).find(".highcharts-button").find("text").text(chartMenuDictionary.label_1y); } }, { text: chartMenuDictionary.label_3y, onclick: function () { this.rangeSelector.clickButton(4, true); $(this.renderTo).find(".highcharts-button").find("text").text(chartMenuDictionary.label_3y); } }, { text: chartMenuDictionary.label_5y, onclick: function () { this.rangeSelector.clickButton(5, true); $(this.renderTo).find(".highcharts-button").find("text").text(chartMenuDictionary.label_5y); } }, { text: chartMenuDictionary.label_10y, onclick: function () { this.rangeSelector.clickButton(6, true); $(this.renderTo).find(".highcharts-button").find("text").text(chartMenuDictionary.label_10y); } }, { text: chartMenuDictionary.label_since_inception, onclick: function () { this.rangeSelector.clickButton(7, true); $(this.renderTo).find(".highcharts-button").find("text").text(chartMenuDictionary.label_since_inception); } }] } } }, colors: ['#008a30', '#ef3900', '#62a8ff', '#f7a22a'], credits: { enabled: false }, navigator: { enabled: false, xAxis: { labels: { formatter: function () { return dateToShortFormat(new Date(this.value), language === 'th'); } }, //tickInterval: 2 * 24 * 3600 * 1000 }, }, chart: { spacing: [5, 0, 5, 0] }, title: { text: '', align: 'left' }, rangeSelector: { buttons: [ { type: 'ytd', text: LB_YTD }, { type: 'month', count: 3, text: LB_Three_M }, { type: 'month', count: 6, text: LB_Six_M }, { type: 'year', count: 1, text: LB_One_Y }, { type: 'year', count: 3, text: LB_Three_Y }, { type: 'year', count: 5, text: LB_Five_Y }, { type: 'year', count: 10, text: LB_Ten_Y }, { type: 'all', text: LB_SINCE_INCEPTION } ], buttonPosition: { align: chartWidth > 767 ? 'right' : 'center', x: 0, y: 0 }, buttonSpacing: chartWidth > 767 ? 20 : 8, buttonTheme: { width: 'auto', padding: 5, states: { select: { style: { color: '#00a950', } } } }, selected: 5 }, legend: { enabled: true, align: 'left', padding: 0, itemMarginTop: 5, labelFormatter: function(){ return perfLabelMapToLegendText[this.name]; } }, xAxis: { labels: { formatter: function () { return dateToShortFormat(new Date(this.value), language === 'th'); } }, //tickInterval: 2 * 24 * 3600 * 1000 }, yAxis: { labels: { formatter: function () { return (this.value > 0 ? ' + ' : '') + this.value + '%'; } }, plotLines: [{ value: 0, width: 1, color: 'silver' }] }, plotOptions: { series: { //compare: 'percent', lineWidth: 1.5, states: { hover: { enabled: true, lineWidth: 1.5 } }, events: { legendItemClick: function () { return false; } }, dataGrouping: { dateTimeLabelFormats: { millisecond: ['%th', '%th', '-%th'], second: ['%th', '%th', '-%th'], minute: ['%th', '%th', '-%th'], hour: ['%th', '%th', '-%th'], day: ['%th', '%th', '-%th'], week: ['%th', '%th', '-%th'], month: ['%th', '%th', '-%th'], year: ['%th', '%th', '-%th'], }, } }, }, tooltip: { //pointFormat: '{series.name} {point.y}%
' pointFormatter: function () { return '' + this.series.name + ' ' + this.y.toFixed(2) + '%
'; }, dateTimeLabelFormats: { millisecond: '%th', second: '%th', minute: '%th', hour: '%th', day: '%th', week: '%th', month: '%th', year: '%th', } }, time: { //timezone: 'Asia/Bangkok' timezoneOffset: -420 }, series: seriesOptions }); } var perfLabelMapToLegendText = { 'Benchmark': 'Bechmark', }; perfLabelMapToLegendText[fundCode] = fundCode; var perfLabelMapToProp = { 'Benchmark': 'benchmark1Spot', }; perfLabelMapToProp[fundCode] = 'sinceSpot'; $.each(names, function (i, name) { var obj = JSON.parse($("#HFT_GraphData").val()); var d = []; $(obj).each(function (i, v) { var arre = []; arre.push(v["timestamp"]); arre.push(v[perfLabelMapToProp[name]]); d.push(arre); }); var data = d; seriesOptions[i] = { name: name, data: data }; seriesCounter += 1; if (seriesCounter === names.length) { createChart(); } }); var sinceButtonLabel = (language === 'th') ? 'ตั้งแต่จัดตั้งกองทุน' : 'Since inception'; $("text:contains('" + sinceButtonLabel + "')").css("fill", "#333333").css('color', '#333333').parent().removeClass('highcharts-button-disabled').addClass('highcharts-button-normal'); } }); } function hf_proc_dividendpayment() { var le = []; $(JSON.parse($("#HFT_FundsDividendPayment").val())).each(function (i, v) { var xe = '

'; xe = xe.replace("{{PaymentOrder}}", v.PaymentOrder); xe = xe.replace("{{XDDate}}", v.XDDate); xe = xe.replace("{{PaymentDate}}", v.PaymentDate); xe = xe.replace("{{BahtPerUnit}}", v.BahtPerUnit); le.push(xe); }); $("#tbdFundsDividendPayment").html(le.join("")); Common.PagingStyleICW(5, 5, null, ".trFundsDividendPayment", "null", "div[id=dpgFundsDividendPayment]", ""); } function hf_proc_autoredeem() { var le = []; $(JSON.parse($("#HFT_FundsAutoRedeem").val())).each(function (i, v) { var xe = '

'; xe = xe.replace("{{PaymentOrderYear}}", v.PaymentOrderYear); xe = xe.replace("{{XDDate}}", v.XDDate); xe = xe.replace("{{PaymentDate}}", v.PaymentDate); xe = xe.replace("{{BahtPerUnit}}", v.BahtPerUnit); le.push(xe); }); $("#tbdFundsAutoRedeem").html(le.join("")); Common.PagingStyleICW(5, 5, null, ".trFundsAutoRedeem", "null", "div[id=dpgFundsAutoRedeem]", ""); } function hf_proc_reservepayment() { var le = []; $(JSON.parse($("#HFT_FundsReservePayment").val())).each(function (i, v) { var xe = '

'; xe = xe.replace("{{PaymentOrder}}", v.PaymentOrder); xe = xe.replace("{{ReturnDate}}", v.ReturnDate); xe = xe.replace("{{BahtPerUnit}}", v.BahtPerUnit); le.push(xe); }); $("#tbdFundsReservePayment").html(le.join("")); Common.PagingStyleICW(5, 10, null, ".trFundsReservePayment", "null", "div[id=dpgFundsReservePayment]", ""); } function dateToDmy(newDate, useBuddhistCalendar) { if (useBuddhistCalendar === undefined){ useBuddhistCalendar = true; } var date = newDate.getDate(); var month = newDate.getMonth() + 1; var year = newDate.getFullYear(); if (useBuddhistCalendar) { year += 543; } return numToString(date) + '/' + numToString(month) + '/' + numToString(year); } function dateToShortFormat(newDate, isThai) { if (isThai === undefined){ isThai = true; } var date = newDate.getDate(); var monthIndex = newDate.getMonth(); var monthInfo = monthInfoArray[monthIndex]; return numToString(date) + ' ' + (isThai ? monthInfo.abbr : monthInfo.abbrEN); } function numToString(num) { return num < 10 ? '0' + num : num; }

Loading...