{"id":19587,"date":"2021-08-16T15:12:15","date_gmt":"2021-08-16T08:12:15","guid":{"rendered":"https:\/\/cambodiacreative.com\/ppls\/securities-brokerage\/market-overview\/daily-price-csx-index\/csx-index\/"},"modified":"2023-07-13T14:34:37","modified_gmt":"2023-07-13T07:34:37","slug":"csx-index","status":"publish","type":"page","link":"https:\/\/pplinksecurities.com.kh\/kh\/securities-broker\/daily-price-csx-index\/csx-index\/","title":{"rendered":"\u179f\u1793\u17d2\u1791\u179f\u17d2\u179f\u1793\u17cd \u1795.\u1798.\u1780."},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19587\" class=\"elementor elementor-19587 elementor-19584\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2745c99 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2745c99\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f95dcc9\" data-id=\"f95dcc9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7dd1f94 elementor-widget elementor-widget-html\" data-id=\"7dd1f94\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n\r\n\r\n\/*\/\/\/\/\/\/\/\/\/\/\/\/ Start editing by Ratanak \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*\/\r\n@keyframes spinner {\r\n  to {transform: rotate(360deg);}\r\n}\r\n \r\n.spinner:before {\r\n  content: '';\r\n  box-sizing: border-box;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 20px;\r\n  height: 20px;\r\n  margin-top: -10px;\r\n  margin-left: -10px;\r\n  border-radius: 50%;\r\n  border: 2px solid #00a1e9;\r\n  border-top-color: #182a88;\r\n  animation: spinner .6s linear infinite;\r\n}\r\n.loading{\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0px;\r\n    left: 0px;\r\n    background-color: rgba(255, 255, 255, 0.85);\r\n}\r\nhtml, body{\r\n  font-size: 14px;\r\n}\r\n.extra-bar{\r\n  justify-content: space-between;\r\n  margin-top: 15px;\r\n}\r\n.extra-bar label{\r\n  margin-bottom: 0;\r\n}\r\n.input-group.date {\r\n    min-width: 150px;\r\n}\r\n\r\n\r\n@media (min-width: 768px) {\r\n  .extra-bar{\r\n    justify-content: flex-end;\r\n    margin-top: 0;\r\n  }\r\n}\r\n\/*\/\/\/\/\/\/\/\/\/\/\/ End editing by Ratanak \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*\/\r\n\r\n\r\n\/* Start editing by Ratanak *\/\r\ntable.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {\r\n\tbox-shadow:none; \r\n}\r\ntable.responsive td.child{ \r\n\ttext-align:left;\r\n\tpadding: 10px 20px;\r\n}\r\ntable.dataTable > tbody > tr.child ul.dtr-details > li:last-child {\r\n  padding-bottom: 0;\r\n}\r\n\/* End editing by Ratanak *\/\r\n\r\ntable.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {\r\n\ttext-align:left;\r\n}\r\ntable.dataTable > tbody > tr.child span.dtr-title {\r\n\tmin-width: 154px !important;\r\n}\r\n\r\ntable.dataTable > tbody > tr.child ul.dtr-details {\r\n\twidth:100%;\r\n}\r\n\r\ntable.dataTable > tbody > tr.child ul.dtr-details > li {\r\n\tborder-bottom: 1px solid #dee2e6;\r\n}\r\n\r\ntable.dataTable.no-footer {\r\n    border-bottom: 1px solid #dee2e6 !important;\r\n}\r\n.btn{padding-bottom: 9px; }\r\n\r\ntable.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {\r\n    cursor: default !important;\r\n    text-align: left !important;\r\n}\r\n\r\n\r\nbody{\r\n font-family: 'Roboto', sans-serif;\r\n font-size: 14px;\r\n color: #272727;\r\n}\r\n.btn-primary {\r\n    background-color: #126db7 !important;\r\n\tborder-color: #126db7 !important;\r\n}\r\na{\r\n color: #0d66b8;\r\n}\r\n.row{\r\n  display:flex;\r\n  \r\n}\r\n.fa-caret-upw, .up {\r\n      color: #00b630;\r\n    }\r\n\t.fa-caret-downw, .down {\r\n      color: #e30613;\r\n    }\r\n\r\nsection{\r\n\ttop:10px;\r\n\tposition: relative;\r\n}\r\n\r\n\r\n.table {\r\n  font-family: 'Roboto', sans-serif !important;\r\n  font-size: 14px;\r\n  color: #272727;\r\n  border-collapse: collapse;\r\n  width: 100%;\r\n  \r\n}\r\n\r\n.table td, .table th {\r\n  border: 1px solid #dee2e6 !important;\r\n  padding: 8px;\r\n  text-align: center;\r\n  font-family: 'Roboto', sans-serif !important;\r\n}\r\n\r\n.table tr:nth-child(even){background-color: #ecf3f9;}\r\n\r\n.table tr:hover {background-color: #f2f2f2;}\r\n\r\n.table th {\r\n  padding-top: 12px;\r\n  padding-bottom: 12px;\r\n  text-align: center;\r\n  background-color: #00a0e8;\r\n  color: white;\r\n}\r\n\r\ntable.dataTable.no-footer {\r\n    border-bottom: 1px solid #dee2e6;\r\n}\r\n.alignleft {\r\n\tpadding-top: 7px;\r\n\tfloat: left;\r\n}\r\n.alignright {\r\n\tpadding-top: 5px;\r\n\tfloat: right;\r\n\tfont-size: 14px;\r\n\tcolor: #999999;\r\n\ttext-align: right !important;\r\n}\r\n#idate1{\r\nfont-size: 18px;\t\r\n}\r\n\r\n\r\ntable.dataTable {\r\n border-collapse: collapse;\r\n}\r\ntable.dataTable thead{\r\n white-space: nowrap;\r\n}\r\n\r\n.column{\r\ncolor: #0c66b8;\r\ncursor: pointer;\r\nfont-size: 14px;\r\nfloat: right;\t\r\n}\r\n.down{\r\ncursor: pointer;\t\r\n}\r\n.datepicker-days {\r\n font-size: 14px;\r\n padding: 8px;\r\n}\r\n\r\n.checkbox-menu li label {\r\n    display: block;\r\n    padding: 3px 10px;\r\n    clear: both;\r\n    font-weight: normal;\r\n    line-height: 1.42857143;\r\n    color: #333;\r\n    white-space: nowrap;\r\n    margin:0;\r\n    transition: background-color .4s ease;\r\n\tcursor: pointer;\r\n}\r\n.checkbox-menu li input {\r\n    margin: 0px 5px;\r\n    top: 2px;\r\n    position: relative;\r\n}\r\n\r\n\/**.checkbox-menu li.active label {\r\n    background-color: #cbcbff;\r\n    font-weight:bold;\r\n} **\/\r\n\r\n.checkbox-menu li label:hover,\r\n.checkbox-menu li label:focus {\r\n    background-color: #f5f5f5;\r\n}\r\n\r\n.checkbox-menu li.active label:hover,\r\n.checkbox-menu li.active label:focus {\r\n    background-color: #dee2e6;\r\n}\r\n\r\n@media only screen \r\n  and (min-width: 992px)\r\n  and (min-width: 1200px)\r\n  {\r\n\t  \r\n\t.table-responsive {\r\n    overflow-x: revert !important;\r\n    -webkit-overflow-scrolling: touch;\r\n}  \r\n  }\r\n  \r\n  @media only screen \r\n  and (min-device-width: 320px) \r\n  and (max-device-width: 480px)\r\n  and (max-device-width: 600px)\r\n  and (-webkit-min-device-pixel-ratio: 2)\r\n  and (orientation: portrait){\r\n\t  \r\n .shift{ top: 0px !important;\r\n  padding-bottom: 12px}   \r\n  \r\n  }\r\n  \r\n  .form-control {\r\n    width: 65% !important;\r\n}\r\n\r\n\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f82cb3 elementor-widget elementor-widget-html\" data-id=\"1f82cb3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<script src=\"\/\/cdnjs.cloudflare.com\/ajax\/libs\/popper.js\/1.16.0\/umd\/popper.min.js\"><\/script>\r\n<script type=\"text\/javascript\" src=\"\/\/pplinksecurities.com.kh\/apiassets\/DataTables-1.10.25\/js\/jquery.dataTables.min.js\"><\/script>\r\n<script src=\"\/\/cdn.datatables.net\/1.10.24\/js\/dataTables.bootstrap4.min.js\"><\/script>\r\n\r\n<script type=\"text\/javascript\" src=\"\/\/pplinksecurities.com.kh\/apiassets\/Responsive-2.2.9\/js\/dataTables.responsive.min.js\"><\/script>\r\n<link rel=\"stylesheet\" type=\"text\/css\" href=\"\/\/pplinksecurities.com.kh\/apiassets\/Responsive-2.2.9\/css\/responsive.dataTables.min.css\"\/>\r\n\r\n<script src=\"\/\/cdnjs.cloudflare.com\/ajax\/libs\/numeral.js\/2.0.6\/numeral.min.js\"><\/script>\r\n<script src=\"\/\/cdnjs.cloudflare.com\/ajax\/libs\/moment.js\/2.29.1\/moment.js\" integrity=\"sha512-z8IfZLl5ZASsWvr1syw5rkpo2HKBexjwzYDaUkIfoWo0aEqL\/MgGKniDouh5DmsD9YrisbM+pihyCKIHL9VucQ==\" crossorigin=\"anonymous\"><\/script>  \r\n<script src=\"\/\/cdn.datatables.net\/plug-ins\/1.10.25\/sorting\/date-uk.js\"> <\/script>  \r\n<link rel=\"stylesheet\" type=\"text\/css\" href=\"\/\/pplinksecurities.com.kh\/apiassets\/DataTables-1.10.25\/css\/jquery.dataTables.min.css\"\/>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/pro.fontawesome.com\/releases\/v5.10.0\/css\/all.css\" integrity=\"sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p\" crossorigin=\"anonymous\"\/>\r\n \r\n<link href='\/\/fonts.googleapis.com\/css?family=Roboto&display=swap' rel='stylesheet' type='text\/css'>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/4.7.0\/css\/font-awesome.css\" integrity=\"sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH\/tnJE\/+xBg==\" crossorigin=\"anonymous\" \/>\r\n\r\n<script src=\"\/\/cdn.jsdelivr.net\/npm\/apexcharts\"><\/script>\r\n\r\n<script > \r\n\r\n\/\/ CSX INDEX\r\n\r\njQuery(document).ready(function(){\r\n    jQuery('<div class=\"loading\"><div class=\"spinner\"><\/div><\/div>').appendTo('.dataTables_wrapper');\r\n   \r\n \tvar StartDate = '';\r\n\tvar EndDate = '';\t\r\ncsxindex_realtime_history(StartDate,EndDate);\r\nsetInterval(function(){\r\n\tStartDate = '';\r\n    EndDate = '';\r\n csxindex_realtime_history(StartDate,EndDate);\r\n }, 600000);\r\n \r\njQuery('input[type=text]').each(function() {\r\n        jQuery(this).val('');\r\n    });\r\n \r\njQuery.fn.datepicker.defaults.format = \"dd\/mm\/yyyy\";\r\n\r\n  \r\n\r\n datetimepicker1.onchange = function() {\r\n  var date =   jQuery(this).val() ;\r\n  StartDate = moment(date, \"DD\/MM\/YYYY\").format('YYYYMMDD');\r\n  \/\/console.log(StartDate);\r\n\r\n}\r\n\r\n datetimepicker2.onchange = function() {\r\n\t var date = jQuery(this).val();\r\n    EndDate = moment(date, \"DD\/MM\/YYYY\").format('YYYYMMDD');\r\n\t\/\/console.log(EndDate);\r\n }\r\n \r\njQuery(document).on('click','.filter', function(){\r\n\tjQuery('div.loading').show();    \r\n if\t( EndDate < StartDate )\r\n {\r\n\t alert('End date cannot be less than start date');\r\n\tjQuery('input[type=text]').each(function() {\r\n        jQuery(this).val('');\r\n\t\tStartDate = '';\r\n        EndDate = '';\r\n    });\r\n\t \r\n\t return\r\n } \t \r\n      csxindex_realtime_history(StartDate,EndDate);\r\n\t  \/\/console.log(StartDate + \" - \" + EndDate);\r\n  \r\n      });\r\n\t  \r\n$(document).on('click', '.allow-focus', function (e) {\r\n  e.stopPropagation();\r\n});\t \r\n\t\r\n $(\".checkbox-menu\").on(\"change\", \"input[type='checkbox']\", function() {\r\n   $(this).closest(\"li\").toggleClass(\"active\", this.checked);\r\n});\r\n \r\n  });\r\n\r\nfunction Csxindex (close, change, pchange, opening, high, low, volume, value ) {\r\n    this.close = close;\r\n    this.change = change;\r\n    this.pchange = pchange;\r\n\t\r\n\tthis.opening = opening;\r\n    this.high = high;\r\n    this.low = low;\r\n    this.volume = volume;\r\n\t\r\n\tthis.value = value;\r\n    \r\n};\r\n\r\nfunction Csxindex2 (Date, Close, Change, PChange, Volume, Value, Open, High, Low   ) {\r\n    this.Date = Date;\r\n\tthis.Close = Close;\r\n    this.Change = Change;\r\n    this.PChange = PChange;\r\n\tthis.Volume = Volume;\r\n\tthis.Value = Value;\r\n\tthis.Open = Open;\r\n    this.High = High;\r\n    this.Low = Low;\r\n};\r\n\r\n\r\n\/\/ Column visibility\r\nfunction columnVisibility() {\r\n\r\n\r\n  jQuery('input[type=\"checkbox\"]').click(function(){\r\n\t  \r\n\tif( jQuery('#Change').prop(\"checked\") == false )\r\n\t{ table.column(2).visible(false);\r\n\t} else{ table.column(2).visible(true);}\r\n\t\r\n\tif( jQuery('#PChange').prop(\"checked\") == false )\r\n\t{ table.column(3).visible(false);\r\n\t} else{ table.column(3).visible(true);}\r\n\t\r\n\tif( jQuery('#Volume').prop(\"checked\") == false )\r\n\t{ table.column(4).visible(false);\r\n\t} else{ table.column(4).visible(true);}\r\n\t\r\n\tif( jQuery('#Value').prop(\"checked\") == false )\r\n\t{ table.column(5).visible(false);\r\n\t} else{ table.column(5).visible(true);}\r\n\t\r\n\tif( jQuery('#Open').prop(\"checked\") == false )\r\n\t{ table.column(6).visible(false);\r\n\t} else{ table.column(6).visible(true);}\r\n\t\r\n\tif( jQuery('#High').prop(\"checked\") == false )\r\n\t{ table.column(7).visible(false);\r\n\t} else{ table.column(7).visible(true);}\r\n\t\r\n\tif( jQuery('#Low').prop(\"checked\") == false )\r\n\t{ table.column(8).visible(false);\r\n\t} else{ table.column(8).visible(true);}\r\n\t});\r\n\t\r\n\t\r\n\t}\r\n\t\r\n\r\nfunction plotChart(datee,closing_price) {\r\n\t\tvar options = {\r\n\t\t    noData: {  \r\n  text: \"Loading...\",  \r\n  align: 'center',  \r\n  verticalAlign: 'middle'\r\n},\r\n  chart: {\r\n    type: 'line',\r\n\ttoolbar: {\r\n        show: true,\r\n        offsetX: 0,\r\n        offsetY: 0,\r\n        tools: {\r\n          download: true,\r\n          selection: false,\r\n          zoom: false,\r\n          zoomin: false,\r\n          zoomout: false,\r\n          pan: false,\r\n          reset: false | '<img src=\"\/static\/icons\/reset.png\" width=\"20\">',\r\n          customIcons: []\r\n        }\r\n\t},\r\n\tanimations:{\r\n        enabled: true,\r\n    },\r\n\theight:450,\r\n    width: '100%',\r\n    background:'#ffffff',\r\n    forColor: '#333'\r\n  },\r\n  series: [{\r\n    name: 'Closing Price',\r\n    data: closing_price\r\n  }],\r\n  xaxis: {\r\n\t  type: 'datetime',\r\n\t  tickAmount: 18,\r\n\t  min: moment(new Date(datee.length - 1).getTime()).format(\"DD MMM\"), \/\/new Date('13 Nov 2017').getTime(),\r\n      max: moment(new Date(datee[0]).getTime()).format(\"DD MMM\"), \/\/new Date('08 Dec 2017').getTime(),\r\n\t  \/\/max: moment(datee[0], \"MM\/DD\/YYYY\").add('days', 2).format('L'),\r\n    categories: datee,\r\n\tlabels: {\r\n      formatter: function(val, timestamp) {\r\n            return moment(new Date(timestamp)).format(\"DD MMM\");\r\n        },\r\n\t  \/\/floating: false,\r\n\t  \/\/offsetX: 0,\r\n      offsetY: 10,\r\n\t  \/\/datetimeUTC: true,\r\n\t   show: true,\r\n          rotate: -45,\r\n          rotateAlways: true,\r\n          hideOverlappingLabels: false,\r\n          \/\/showDuplicates: true,\r\n          \/\/trim: false,\r\n          minHeight: undefined,\r\n    }\r\n  }\r\n}\r\n\r\nvar chart = new ApexCharts(document.querySelector(\"#chart\"), options);\r\nchart.render();\r\n}\r\n\r\nfunction csxindex_realtime_history(StartDate,EndDate)\r\n{\r\n\tvar globalStoreHindex;\r\n    var globalStoreHtrade;\r\n\tvar globalStoreTrade;\r\n\tvar d = 0;\r\n\tvar t = 'KH1000040001';\r\n\tvar datee = [];\r\n    var closing_price = [];\r\n\tvar arr = [];\r\n    var arr2 = [];\r\n    var maxx;\r\n    var minn; \r\n\tvar currdate = moment().format('YYYYMMDD');\r\n\t\r\n\t jQuery.ajax({\r\n            url: \"\/\/ir.csx.com.kh\/oauth\/login\",\r\n            type: 'post',\r\n            data: {\"username\": \"feeds@pplinksecurities.com.kh\",\"password\": \"9NVzarhV7h]S\"},\r\n            dataType: 'json',\r\n            success:function(response){\r\n\t\t\t\taccessToken = response.accessToken;\r\n\t\t\t\taccessTokenExpiration = response.accessTokenExpiration;\r\n\t\r\n\tjQuery.when(\r\n\t\r\n\t\/\/ Get the index history\r\n   \/\/$.getJSON('http:\/\/feeds.csx.com.kh\/api\/v2\/hindex\/30?access_token=' + accessToken, function(hindex) \r\n   jQuery.getJSON('\/\/ir.csx.com.kh\/api\/v2\/hindex2\/20180101\/' + currdate + '?access_token=' + accessToken, function(hindex)\r\n   {\r\n    \/\/globalStoreHindex = hindex;\r\n\t\/\/globalStoreHindex = hindex.slice( 0, 7 ) \/\/ get the first 7\r\n\t\r\n\tif(StartDate === \"\" || EndDate === \"\"){\r\n\tglobalStoreHtrade  = hindex.slice( 0, 20 ); \/\/get the first 20\r\n\t}else {\r\n\tglobalStoreHtrade  = hindex;\t\r\n\t}\r\n\t\r\n   }),\r\n\t\r\n\r\n\r\n ).then(function() {\r\n\r\n  \/\/ All is ready now, so...\r\n  \r\n  \r\n  \r\n  \r\n  if(StartDate === \"\" || EndDate === \"\"){\r\n for (var i = 0; i < globalStoreHtrade.length; i++) {\r\n        datee.push(moment(globalStoreHtrade[i]['Date'], \"YYYYMMDD\").format('L'))\r\n        closing_price.push(globalStoreHtrade[i]['Close'])\r\n\t\tarr.push(new Csxindex2( moment(globalStoreHtrade[i]['Date'], \"YYYYMMDD\").format('DD\/MM\/YYYY') , globalStoreHtrade[i]['Close'], globalStoreHtrade[i]['Change'], globalStoreHtrade[i]['PChange'], globalStoreHtrade[i]['Volume'], globalStoreHtrade[i]['Value'], globalStoreHtrade[i]['Open'],globalStoreHtrade[i]['High'], globalStoreHtrade[i]['Low']))\r\n      }\r\n\t  \/\/datee.push(moment(datee[0], \"MM\/DD\/YYYY\").add('days', 1).format('L'));\r\n\t  \/\/console.log(arr);\r\n }\r\n else{\r\n\t \r\n\tfor (var j = 0; j < globalStoreHtrade.length; j++) {\r\n\r\n  \/\/if(moment(globalStoreHtrade[j]['Date'], \"YYYYMMDD\").format('L') >= StartDate  && moment(globalStoreHtrade[j]['Date'], \"YYYYMMDD\").format('L') <= EndDate)\r\n\t  if(moment(globalStoreHtrade[j]['Date'], \"YYYYMMDD\").format('YYYYMMDD') >= StartDate  && moment(globalStoreHtrade[j]['Date'], \"YYYYMMDD\").format('YYYYMMDD') <= EndDate)\r\n  {     datee.push(moment(globalStoreHtrade[j]['Date'], \"YYYYMMDD\").format('L'))\r\n        closing_price.push(globalStoreHtrade[j]['Close'])\r\n\t\tarr.push(new Csxindex2( moment(globalStoreHtrade[j]['Date'], \"YYYYMMDD\").format('DD\/MM\/YYYY') , globalStoreHtrade[j]['Close'], globalStoreHtrade[j]['Change'], globalStoreHtrade[j]['PChange'], globalStoreHtrade[j]['Volume'], globalStoreHtrade[j]['Value'], globalStoreHtrade[j]['Open'],globalStoreHtrade[j]['High'], globalStoreHtrade[j]['Low']))\r\n      }\r\n   }\r\n   \/\/datee.push(moment(datee[0], \"MM\/DD\/YYYY\").add('days', 1).format('L'));\r\n   \/\/console.log(arr);\r\n  }\r\n  \r\n  \r\n  \r\n  \r\n  \r\n \/\/arr.push(globalStoreHtrade,globalStoreTrade);\r\n\r\n\r\n table = jQuery('#table-csxindex-history').DataTable({\r\n\t     initComplete: function () {\r\n              jQuery('div.loading').hide();\r\n            },        \r\n\t\t\t        \"order\": [[ 0, \"desc\" ]],\r\n\t\t\t        data: arr,\r\n\t\t\t\t\t\"dataSrc\": \"\",\r\n\t\t\t\t\t\"bPaginate\": true,\r\n\t\t\t\t\t\"bLengthChange\": true,\r\n\t\t\t\t\t\"bFilter\": false,\r\n\t\t\t\t\t\"bInfo\": false,\r\n\t\t\t\t\t\"responsive\": true,\r\n\t\t\t\t\t\"scrollCollapse\": true,\r\n\t\t\t\t\t\"paging\":false,\r\n\t\t\t\t\t\"bDestroy\": true,\r\n\t\t\t\t\t\"iDisplayLength\": 25,\r\n\t\t\t\t\t\"bAutoWidth\": true,\r\n\t\t\t\t\tdom: 'Blfrtip',\r\n\t\t\t\t\tcolumns: [\r\n        { data: 'Date' },\r\n        { data: 'Close' },\r\n        { data: 'Change' },\r\n\t\t{ data: 'PChange' },\r\n\t\t{ data: 'Volume' },\r\n\t\t{ data: 'Value' },\r\n\t\t{ data: 'Open' },\r\n        { data: 'High' },\r\n        { data: 'Low' }\r\n    ],\r\n\t\t\t\t\tcolumnDefs: [\r\n\t\t\t\t\t\r\n\t\t\t\t\t{ type: 'date-uk', targets: 0,},\r\n\t\t\t\t\t\r\n\t\t\t\t\t{\r\n        \t\t\t\r\n\t\t\t\t\ttargets: [4,5],\r\n                    render: function ( data, type, row, full, meta ) {\r\n                        return '' +  numeral(data).format('0,0') + '';\r\n\t\t\t }\r\n\t\t\t    }, \r\n\t\t\t\t\r\n\t\t\t\t{\r\n        \t\t\t\r\n\t\t\t\t\tmData: 0, aTargets: [2,3],\r\n                    render: function (data) {\r\n                       var str = data.toString();\r\n\t\t\t\t\t   var str1 = str.charAt(0);\r\n                       var str2 = str.charAt(1);\t\t\t\t\t   \r\n\t\t\t\t\tif (str1 === '-') {\r\n                        return '<span class=\"fa-caret-down fa fa-caret-down down\"><\/span>&nbsp;<span style=\"font-family: \"Roboto\", sans-serif !important;\" class=\"down\">' + str.substring(1) + '<\/span>';\r\n                      }\r\n\t\t\t\t\t  if (str1 === '0' && str2 != '.') {\r\n                        return '' + data + '';\r\n                      }\r\n\t\t\t\t\t  else{\r\n\t\t\t\t\t\t return '<span class=\"fa-caret-up fa fa-caret-up up\"><\/span>&nbsp;<span style=\"font-family: \"Roboto\", sans-serif !important;\" class=\"up\">' + data + '<\/span>'; \r\n\t\t\t\t\t  }\r\n\t\t\t }\r\n\t\t\t    },\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t ], \/****\/\r\n\t\t});  \r\n  \r\n   \r\n\t\r\n\t\r\n  columnVisibility();\r\n  \r\n });\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\t}\r\n\t\r\n\t\r\n\t\t\t});\t\r\n\tplotChart(datee,closing_price);\r\n}\r\n\r\n\r\n<\/script>\r\n\r\n\r\n\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63e6620 elementor-widget elementor-widget-html\" data-id=\"63e6620\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section>\r\n<div class=\"container\">\r\n  \r\n  <div class=\"row\">\r\n        <main class=\"col-12\">          \r\n            <div class=\"form-row align-items-center\">\r\n              <div class=\"col-lg-auto pt-1 pb-1 pr-3\"><span style=\"text-align:left; font-size:30px; font-weight: bold;\">\u179f\u1793\u17d2\u1791\u179f\u17d2\u179f\u1793\u17cd \u1795.\u1798.\u1780.<\/span><\/div>\r\n\r\n              <div class=\"col-md-7\">\r\n                <div class=\"row no-gutters pt-1 pb-1 pl-2 pr-2\">\r\n                  <div class=\"col pt-1 pb-1\">\r\n                    <div class=\"input-group date pr-md-3\" data-provide=\"datepicker\">\r\n                      <input type=\"text\" class=\"form-control datetimepicker1 rounded-0\" id=\"datetimepicker1\" placeholder=\"From\">\r\n                      <div class=\"input-group-append\">\r\n                          <div class=\"input-group-text rounded-0\"><i class=\"fa fa-calendar\"><\/i><\/div>\r\n                      <\/div>\r\n                    <\/div>  \r\n                  <\/div>\r\n                  <div class=\"col pt-1 pb-1\">\r\n                    <div class=\"input-group date pr-md-3\" data-provide=\"datepicker\">\r\n                      <input type=\"text\" class=\"form-control datetimepicker2 rounded-0\" id=\"datetimepicker2\" placeholder=\"To\">\r\n                      <div class=\"input-group-append\">\r\n                          <div class=\"input-group-text rounded-0\"><i class=\"fa fa-calendar\"><\/i><\/div>\r\n                      <\/div>\r\n                    <\/div>  \r\n                  <\/div>\r\n                  <div class=\"col pt-1 pb-1\">\r\n                    <div class=\"pr-lg-5\">\r\n                      <button id=\"filter\" type=\"button\" class=\"btn btn-primary btn-m btn-block filter rounded-0\">\u1794\u1784\u17d2\u17a0\u17b6\u1789<\/button>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"extra-bar col form-inline\">                    \r\n                <div class=\"col-md-7 pt-1 pb-1\">\r\n                  <span data-toggle=\"dropdown\" class=\"column\"><i class=\"fa fa-cog \"><\/i><!-- Edited by Ratanak -->&nbsp; \u1787\u17bd\u179a\u1788\u179a<\/span>                  \r\n                  <ul class=\"dropdown-menu checkbox-menu allow-focus\">\r\n                  <li><label><input type=\"checkbox\" id =\"D\" checked disabled >&nbsp; \u1790\u17d2\u1784\u17c3\u1781\u17c2<\/label><\/li>\r\n                  <li><label><input type=\"checkbox\" id =\"Close\" checked disabled >&nbsp; \u179f\u1793\u17d2\u1791\u179f\u17d2\u179f\u1793\u17cd\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793<\/label><\/li>\r\n                  <li><label><input type=\"checkbox\" id =\"Change\" checked>&nbsp; \u1794\u17c6\u179a\u17c2\u1794\u17c6\u179a\u17bd\u179b<\/label><\/li>\r\n                  <li><label><input type=\"checkbox\" id =\"PChange\" checked>&nbsp; %\u1794\u17c6\u179a\u17c2\u1794\u17c6\u179a\u17bd\u179b<\/label><\/li>\r\n                  <li><label><input type=\"checkbox\" id =\"Volume\" checked>&nbsp; \u1791\u17c6\u17a0\u17c6\u1787\u17bd\u1789\u178a\u17bc\u179a (\u1797\u17b6\u1782\u17a0\u17ca\u17bb\u1793)<\/label><\/li>\r\n                  <li><label><input type=\"checkbox\" id =\"Value\" checked>&nbsp; \u178f\u1798\u17d2\u179b\u17c3\u1787\u17bd\u1789\u178a\u17bc\u179a (\u179a\u17c0\u179b)<\/label><\/li>\r\n                  <li><label><input type=\"checkbox\" id =\"Open\" checked>&nbsp; \u1790\u17d2\u179b\u17c3\u1794\u17be\u1780<\/label><\/li>\r\n                  <li><label><input type=\"checkbox\" id =\"High\" checked>&nbsp; \u1790\u17d2\u179b\u17c3\u1781\u17d2\u1796\u179f\u17cb<\/label><\/li>\r\n                  <li><label><input type=\"checkbox\" id =\"Low\" checked>&nbsp; \u1790\u17d2\u179b\u17c3\u1791\u17b6\u1794<\/label><\/li>\r\n                <\/ul>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>          \r\n        <\/main>\r\n      <\/div>\r\n\t  <div id=\"chart\" style=\"width: 100%; \" ><\/div>  \r\n\t  \r\n\t  <div class=\"table-responsive1\" style=\" margin-bottom: 20px; overflow:hidden;\">\r\n    <div id=\"table-abc-history_wrapper\" class=\"dataTables_wrapper dt-bootstrap4 no-footer\">\r\n\t<table id=\"table-csxindex-history\" class=\"table dataTable no-footer dtr-inline\" role=\"grid\" style=\"width: 100%;\" width=\"100%\">\r\n<thead>\r\n  <tr role=\"row\">\r\n  <th class=\"sorting sorting_desc\" tabindex=\"0\" aria-controls=\"table-abc-history\" rowspan=\"1\" colspan=\"1\" style=\"width: 64px;\" aria-sort=\"descending\" aria-label=\"Date: activate to sort column ascending\">\u1790\u17d2\u1784\u17c3\u1781\u17c2<\/th><th class=\"sorting\" tabindex=\"0\" aria-controls=\"table-abc-history\" rowspan=\"1\" colspan=\"1\" style=\"width: 91px;\" aria-label=\"Closing Price: activate to sort column ascending\">\u179f\u1793\u17d2\u1791\u179f\u17d2\u179f\u1793\u17cd\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793<\/th>\r\n  <th class=\"sorting\" tabindex=\"0\" aria-controls=\"table-abc-history\" rowspan=\"1\" colspan=\"1\" style=\"width: 53px;\" aria-label=\"Change: activate to sort column ascending\">\u1794\u17c6\u179a\u17c2\u1794\u17c6\u179a\u17bd\u179b<\/th>\r\n  <th class=\"sorting\" tabindex=\"0\" aria-controls=\"table-abc-history\" rowspan=\"1\" colspan=\"1\" style=\"width: 147px;\" aria-label=\"Trading Volume &amp;nbsp;(shr): activate to sort column ascending\">%\u1794\u17c6\u179a\u17c2\u1794\u17c6\u179a\u17bd\u179b<\/th>\r\n  <th class=\"sorting\" tabindex=\"0\" aria-controls=\"table-abc-history\" rowspan=\"1\" colspan=\"1\" style=\"width: 142px;\" aria-label=\"Trading Value &amp;nbsp;(KHR): activate to sort column ascending\">\u1791\u17c6\u17a0\u17c6\u1787\u17bd\u1789\u178a\u17bc\u179a (\u1797\u17b6\u1782\u17a0\u17ca\u17bb\u1793)<\/th>\r\n  <th class=\"sorting\" tabindex=\"0\" aria-controls=\"table-abc-history\" rowspan=\"1\" colspan=\"1\" style=\"width: 58px;\" aria-label=\"Opening: activate to sort column ascending\">\u178f\u1798\u17d2\u179b\u17c3\u1787\u17bd\u1789\u178a\u17bc\u179a (\u179a\u17c0\u179b)<\/th>\r\n  <th class=\"sorting\" tabindex=\"0\" aria-controls=\"table-abc-history\" rowspan=\"1\" colspan=\"1\" style=\"width: 33px;\" aria-label=\"High: activate to sort column ascending\">\u1790\u17d2\u179b\u17c3\u1794\u17be\u1780<\/th>\r\n  <th class=\"sorting\" tabindex=\"0\" aria-controls=\"table-abc-history\" rowspan=\"1\" colspan=\"1\" style=\"width: 30px;\" aria-label=\"Low: activate to sort column ascending\">\u1790\u17d2\u179b\u17c3\u1781\u17d2\u1796\u179f\u17cb<\/th>\r\n  <th class=\"sorting\" tabindex=\"0\" aria-controls=\"table-abc-history\" rowspan=\"1\" colspan=\"1\" style=\"width: 49px;\" aria-label=\"Capital: activate to sort column ascending\">\u1790\u17d2\u179b\u17c3\u1791\u17b6\u1794<\/th>\r\n  \r\n  <\/tr>\r\n<\/thead>\r\n<tbody><\/tbody>\r\n<\/table><\/div>\r\n<\/div>\r\n \r\n\r\n<\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u179f\u1793\u17d2\u1791\u179f\u17d2\u179f\u1793\u17cd \u1795.\u1798.\u1780. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<\/p>\n","protected":false},"author":27,"featured_media":0,"parent":4753,"menu_order":48,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":""},"_links":{"self":[{"href":"https:\/\/pplinksecurities.com.kh\/kh\/wp-json\/wp\/v2\/pages\/19587"}],"collection":[{"href":"https:\/\/pplinksecurities.com.kh\/kh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pplinksecurities.com.kh\/kh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pplinksecurities.com.kh\/kh\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/pplinksecurities.com.kh\/kh\/wp-json\/wp\/v2\/comments?post=19587"}],"version-history":[{"count":99,"href":"https:\/\/pplinksecurities.com.kh\/kh\/wp-json\/wp\/v2\/pages\/19587\/revisions"}],"predecessor-version":[{"id":41722,"href":"https:\/\/pplinksecurities.com.kh\/kh\/wp-json\/wp\/v2\/pages\/19587\/revisions\/41722"}],"up":[{"embeddable":true,"href":"https:\/\/pplinksecurities.com.kh\/kh\/wp-json\/wp\/v2\/pages\/4753"}],"wp:attachment":[{"href":"https:\/\/pplinksecurities.com.kh\/kh\/wp-json\/wp\/v2\/media?parent=19587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}