{"id":37,"date":"2023-12-12T09:28:07","date_gmt":"2023-12-12T09:28:07","guid":{"rendered":"https:\/\/ost.web-devtesting.xyz\/?page_id=37"},"modified":"2024-03-08T13:30:13","modified_gmt":"2024-03-08T13:30:13","slug":"system-operation-data","status":"publish","type":"page","link":"https:\/\/opendata.ost.al\/en\/system-operation-data\/","title":{"rendered":"System Operation Data"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"37\" class=\"elementor elementor-37\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7923212 e-flex e-con-boxed e-con e-parent\" data-id=\"7923212\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60983f9 elementor-widget elementor-widget-shortcode\" data-id=\"60983f9\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"generation-load-charts\">\r\n        \r\n\r\n<div class=\"container-ost mobile-static-menu\">\r\n  <ul class=\"primary-mobile-menu\">\r\n    <li class=\"menu-item-mobile\"><a href=\"\/\"><span class=\"link-text\">Interconnection Data<\/span><\/a><\/li>\r\n    <li class=\"menu-item-mobile\"><a href=\"\/transmission-network\/\"><span class=\"link-text\">Transmission Network<\/span><\/a><\/li>\r\n    <li class=\"menu-item-mobile\"><a href=\"\/system-operation-data\/\"><span class=\"link-text\">System Operation Data<\/span><\/a><\/li>\r\n  <\/ul>\r\n<\/div>\r\n\r\n<div class=\"top-row new\">\r\n\t<div class=\"container-ost\">\r\n\t\t<div class=\"col-md-12\">\r\n\t\t\t<div class=\"date-input-top\">\r\n\t\t\t\t<label class=\"date-data\" for=\"dateInput\">Choose a date:<\/label>\r\n\t\t\t\t<input class=\"date-data-in\" type=\"date\" id=\"dateInput\" value=\"2026-05-01\">\r\n\t\t\t\t<script>\r\n\t\t\t\t\tdocument.getElementById('dateInput').addEventListener('change', function() {\r\n\t\t\t\t\tconst selectedDate = this.value;\r\n\t\t\t\t\twindow.location.href = `${window.location.pathname}?date=${selectedDate}`;\r\n\t\t\t\t\t});\r\n\t\t\t\t<\/script>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"graph-table\">\r\n\t\t\t\t<a href=\"#\" class=\"graph-table-toogle graph-show\">SHOW A GRAPH<\/a>\r\n\t\t\t\t<a href=\"#\" class=\"graph-table-toogle table-show\">SHOW A TABLE<\/a>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n\r\n<div class=\"market-data-table container-ost\" style=\"display:none\">\r\n\t<div class=\"col-md-6\">\r\n\t\t<p class=\"table-title\">Interchange<\/p>\r\n\t\t<table border='1'>\r\n\t\t<tr>\r\n\t\t\t<th>Hour<\/th>\r\n\t\t\t<th>Total Actual Power Interchange<\/th>\r\n\t\t\t<th>Total Actual Scheduled Interchange<\/th>\r\n\t\t<\/tr>\r\n\t\t<tr><td>H01<\/td><td>300.243896<\/td><td>369.704834<\/td><\/tr><tr><td>H02<\/td><td>314.384277<\/td><td>333.618774<\/td><\/tr><tr><td>H03<\/td><td>332.504578<\/td><td>327.871674<\/td><\/tr><tr><td>H04<\/td><td>331.058044<\/td><td>325.202515<\/td><\/tr><tr><td>H05<\/td><td>347.982635<\/td><td>327.115845<\/td><\/tr><tr><td>H06<\/td><td><\/td><td><\/td><\/tr><tr><td>H07<\/td><td><\/td><td><\/td><\/tr><tr><td>H08<\/td><td><\/td><td><\/td><\/tr><tr><td>H09<\/td><td><\/td><td><\/td><\/tr><tr><td>H10<\/td><td><\/td><td><\/td><\/tr><tr><td>H11<\/td><td><\/td><td><\/td><\/tr><tr><td>H12<\/td><td><\/td><td><\/td><\/tr><tr><td>H13<\/td><td><\/td><td><\/td><\/tr><tr><td>H14<\/td><td><\/td><td><\/td><\/tr><tr><td>H15<\/td><td><\/td><td><\/td><\/tr><tr><td>H16<\/td><td><\/td><td><\/td><\/tr><tr><td>H17<\/td><td><\/td><td><\/td><\/tr><tr><td>H18<\/td><td><\/td><td><\/td><\/tr><tr><td>H19<\/td><td><\/td><td><\/td><\/tr><tr><td>H20<\/td><td><\/td><td><\/td><\/tr><tr><td>H21<\/td><td><\/td><td><\/td><\/tr><tr><td>H22<\/td><td><\/td><td><\/td><\/tr><tr><td>H23<\/td><td><\/td><td><\/td><\/tr><tr><td>H24<\/td><td><\/td><td><\/td><\/tr>\t\t<\/table>\r\n\t<\/div>\r\n\r\n\t<div class=\"col-md-6\">\r\n\t\t<p class=\"table-title\">Generation structure<\/p>\r\n\t\t<table border='1'>\r\n\t\t<tr>\r\n\t\t\t<th>Hour<\/th>\r\n\t\t\t<th>Hydro<\/th>\r\n\t\t\t<th>Thermo<\/th>\r\n\t\t\t<th>Solar<\/th>\r\n\t\t\t<th>Total Actual Consumption<\/th>\r\n\t\t\t<th>Total Production<\/th>\r\n\t\t<\/tr>\r\n\t\t<tr><td>H01<\/td><td>736.437866<\/td><td>0<\/td><td>0<\/td><td>426.488251<\/td><td>719.794067<\/td><\/tr><tr><td>H02<\/td><td>693.594543<\/td><td>0<\/td><td>0<\/td><td>379.60202<\/td><td>693.594543<\/td><\/tr><tr><td>H03<\/td><td>686.870789<\/td><td>0<\/td><td>0<\/td><td>359.141418<\/td><td>690.715759<\/td><\/tr><tr><td>H04<\/td><td>687.195251<\/td><td>0<\/td><td>0<\/td><td>356.279083<\/td><td>687.195251<\/td><\/tr><tr><td>H05<\/td><td>716.530762<\/td><td>0<\/td><td>0<\/td><td>376.884521<\/td><td>716.131714<\/td><\/tr><tr><td>H06<\/td><td><\/td><td><\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>H07<\/td><td><\/td><td><\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>H08<\/td><td><\/td><td><\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>H09<\/td><td><\/td><td><\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>H10<\/td><td><\/td><td><\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>H11<\/td><td><\/td><td><\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>H12<\/td><td><\/td><td><\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>H13<\/td><td><\/td><td><\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>H14<\/td><td><\/td><td><\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>H15<\/td><td><\/td><td><\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>H16<\/td><td><\/td><td><\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>H17<\/td><td><\/td><td><\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>H18<\/td><td><\/td><td><\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>H19<\/td><td><\/td><td><\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>H20<\/td><td><\/td><td><\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>H21<\/td><td><\/td><td><\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>H22<\/td><td><\/td><td><\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>H23<\/td><td><\/td><td><\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>H24<\/td><td><\/td><td><\/td><td><\/td><td><\/td><td><\/td><\/tr>\t\t<\/table>\r\n\t<\/div>\r\n<\/div>\r\n\t\t\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n\r\n<div class=\"charts hide-show-chart new\">\r\n\r\n<div class=\"chart chart-1\">\r\n<!-- chart 1  -->\r\n<script>\r\nfunction DrawTheChart(ChartData,ChartOptions,ChartId,ChartType){\r\neval('var myLine = new Chart(document.getElementById(ChartId).getContext(\"2d\"),{type:\"'+ChartType+'\",data:ChartData,options:ChartOptions});document.getElementById(ChartId).getContext(\"2d\").stroke();')\r\n}\r\n\t\t<\/script>\r\n\t\t\r\n\t\t<canvas  id=\"chart-01\"  style=\"background-color:#FFFFFF;border-radius:0px;width:100%;height:400px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px\"><\/canvas>\r\n\t\t<script> function MoreChartOptions(){} \r\nvar ChartData = {\r\n\tlabels : [\"1\",\"2\",\"3\",\"4\",\"5\",\"6\",\"7\",\"8\",\"9\",\"10\",\"11\",\"12\",\"13\",\"14\",\"15\",\"16\",\"17\",\"18\",\"19\",\"20\",\"21\",\"22\",\"23\",\"24\",],\r\n\tdatasets : [\r\n\t\t{\r\n\t\tdata : {\"1\":300.24389600000000655199983157217502593994140625,\"2\":314.3842769999999973151716403663158416748046875,\"3\":332.50457799999998087514541111886501312255859375,\"4\":331.0580439999999953215592540800571441650390625,\"5\":347.98263500000001613443600945174694061279296875},\r\n\t\tbackgroundColor :'#C21215',\r\n\t\tborderColor : '#C21215',\r\n\t\tpointBorderWidth: 7,\r\n\t\tpointHitRadius: 25,\r\n\t\tcubicInterpolationMode: 'monotone',\r\n\t\tpointBackgroundColor:'#C21215',\r\n\t\tpointBorderColor : '#C21215',\r\n\t\tlabel:\"Total Actual Power Interchange\"},\r\n\r\n\t\t{\r\n\t\tdata : {\"1\":369.7048340000000052896211855113506317138671875,\"2\":333.61877399999997351187630556523799896240234375,\"3\":327.871673999999984516762197017669677734375,\"4\":325.20251500000000532963895238935947418212890625,\"5\":327.11584499999997888153302483260631561279296875},\r\n\t\tbackgroundColor :'#6EC1E4',\r\n\t\tborderColor : '#6EC1E4',\r\n\t\tpointBackgroundColor:'#6EC1E4',\r\n\t\tpointBorderColor : '#6EC1E4',\r\n\t\tpointBorderWidth: 7,\r\n\t\tpointHitRadius: 25,\r\n\t\tcubicInterpolationMode: 'monotone',\r\n\t\tlabel:\"Total Actual Scheduled Interchange\"},\r\n\r\n\r\n]\r\n\t};\r\nChartOptions= {\r\nresponsive:false,\r\n\tlayout:{padding:{top:12,left:12,bottom:12,right:30},},\r\n\tscales: {\r\n\t\t\tx: {\r\n\t\t\tstacked: true,\r\n\t\t\tgrid:{color:'#ebebeb',lineWidth:0},\r\n\t\t\ttitle:{\r\n\t\t\t\tdisplay: true,\r\n\t\t\t\ttext: \"Hours\"\r\n\t\t\t},\r\n\t\t\t\tticks: {\r\n\t\t\t\t\t\tautoSkip: false,\r\n\t\t\t\t\t\tfont:{\r\n\t\t\t\t\t\t\tsize: 8,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t},\r\n\t\t\t},\r\n\t\t\ty: {\r\n\t\t\t\tgrid:{color:'#ebebeb',lineWidth:1},\r\n\t\t\t\ttitle:{\r\n\t\t\t\t\tdisplay: true,\r\n\t\t\t\t\ttext: \"MW\"\r\n\t\t\t\t},\r\n\t\t\t}\r\n\t\t}\r\n\t,plugins:{\r\n\t\tdatalabels:{display:true,\r\n\t\t\tfont:{\r\n\t\t\t\tstyle:' bold',},\r\n\t\t},\r\n\t\tlegend: {\r\n\t\t\tlabels:{\r\n\t\t\t\t\/\/ usePointStyle: true,\r\n\t\t\t\tboxWidth: 15,\r\n\t\t\t\tboxHeight: 15,\r\n\t\t\t\tborderRadius: 7,\r\n\t\t\t\tuseBorderRadius: true,\r\n\t\t\t\tfont: {\r\n                        size: 14,\r\n\t\t\t\t\t\tfamily : 'Montserrat'\r\n                    },\r\n\t\t\t},\r\n\t\t},\r\n\t\t\r\n},\r\nlegend:{\r\n\tlabels:{\r\n\t\tgenerateLabels: function(chart){\r\n\t\t\t return  chart.data.datasets.map( function( dataset, i ){\r\n\t\t\t\treturn{\r\n\t\t\t\t\ttext:dataset.label,\r\n\t\t\t\t\tlineCap:dataset.borderCapStyle,\r\n\t\t\t\t\tlineDash:[],\r\n\t\t\t\t\tusePointStyle: true,\r\n\t\t\t\t\tlineDashOffset: 0,\r\n\t\t\t\t\tlineJoin:dataset.borderJoinStyle,\r\n\t\t\t\t\tfillStyle:dataset.backgroundColor,\r\n\t\t\t\t\tstrokeStyle:dataset.borderColor,\r\n\t\t\t\t\tlineWidth:dataset.pointBorderWidth,\r\n\t\t\t\t\tlineDash:dataset.borderDash,\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t},\r\n\r\n\t},\r\n},\r\n\r\ntitle:{\r\n\tdisplay:true,\r\n\ttext:'Chart Title',\r\n\tfontColor:'#3498db',\r\n\tfontSize:32,\r\n\tfontStyle:' bold',\r\n\t},\r\nelements: {\r\n\tarc: {\r\n},\r\n\tpoint: {radius:1,},\r\n\tline: {tension:0,\r\n},\r\n\trectangle: {\r\n},\r\n},\r\ntooltips:{\r\n},\r\nhover:{\r\n\tmode:'nearest',\r\n\tanimationDuration:400,\r\n},\r\n};\r\nChart.defaults.color = \"#5A5F65\";\r\nDrawTheChart(ChartData,ChartOptions,\"chart-01\",\"line\");\r\n\r\n<\/script>\r\n \r\n<!-- chart 1 end  -->\r\n\r\n<\/div>\r\n<div class=\"chart chart-2\">\r\n<!-- chart 3  -->\r\n<script>\r\n\tfunction DrawTheChart(ChartData,ChartOptions,ChartId,ChartType){\r\n\teval('var myLine = new Chart(document.getElementById(ChartId).getContext(\"2d\"),{type:\"'+ChartType+'\",data:ChartData,options:ChartOptions});document.getElementById(ChartId).getContext(\"2d\").stroke();')\r\n\t}\r\n\t\t\t<\/script>\r\n\t\t\t\r\n\t\t\t<canvas  id=\"chart-03\" style=\"background-color:#FFFFFF;border-radius:0px;width:100%;height:400px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px\"><\/canvas>\r\n\t\t\t<script> function MoreChartOptions(){} \r\n\r\n\t\t\t\/*** Gradient ***\/\r\n\t\t\tvar ctx = document.getElementById(\"chart-03\").getContext(\"2d\"); \r\n\t\t\tvar gradient = ctx.createLinearGradient(0, 0, 0, 400);\r\n\t\t\t\tgradient.addColorStop(0, 'rgba(194,18,21,0.8)');   \r\n\t\t\t\tgradient.addColorStop(1, 'rgba(194,18,21,0)');\r\n\t\t\t\/***************\/\r\n\r\n\tvar ChartData = {\r\n\t\tlabels : [\"1\",\"2\",\"3\",\"4\",\"5\",\"6\",\"7\",\"8\",\"9\",\"10\",\"11\",\"12\",\"13\",\"14\",\"15\",\"16\",\"17\",\"18\",\"19\",\"20\",\"21\",\"22\",\"23\",\"24\",],\r\n\t\tdatasets : [\t\r\n\t\t\t{\r\n\t\t\tdata : {\"1\":-0.0750989999999999990887289413876715116202831268310546875,\"2\":-1.5794010000000000548681100553949363529682159423828125,\"3\":-0.74618799999999996241939470564830116927623748779296875,\"4\":-0.37415900000000001934807869474752806127071380615234375,\"5\":-4.46890099999999979019094098475761711597442626953125},\r\n\t\t\tbackgroundColor :'rgba(52,152,219,0)',\r\n\t\t\tborderColor : 'rgba(52,152,219,0)',\r\n\t\t\tpointBackgroundColor:'rgba(52,152,219,0)',\r\n\t\t\tpointBorderColor : 'rgba(52,152,219,0)',\r\n\t\t\t\/\/ pointStyle: false,\t\t\r\n\t\t\tpointStyleWidth: 10,\r\n\t\t\tcubicInterpolationMode: 'monotone',\r\n\t\t\tpointBorderWidth: 0,\r\n\t\t\tpointHitRadius: 25,\r\n\t\t\tfill: true,\r\n        \tbackgroundColor: gradient,\r\n\t\t\tlabel:\"AREA CONTROL ERROR (A.C.E)\"},\r\n\t\t\t\r\n\t\r\n\t]\r\n\t\t};\r\n\tChartOptions= {\r\n\tresponsive:false,\r\n\t\tlayout:{padding:{top:12,left:12,bottom:12,right:30},},\r\n\t\tscales: {\r\n\t\t\t\tx: {\r\n\t\t\t\t\tstacked: true,\r\n\t\t\t\t\tgrid:{color:'#ebebeb',lineWidth:0},\r\n\t\t\t\t\ttitle:{\r\n\t\t\t\t\t\tdisplay: true,\r\n\t\t\t\t\t\ttext: \"Hours\"\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\tticks: {\r\n\t\t\t\t\t\tautoSkip: false,\r\n\t\t\t\t\t\tfont:{\r\n\t\t\t\t\t\t\tsize: 8,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t\ty: {\r\n\t\t\t\t\tstacked: true,\r\n\t\t\t\t\tgrid:{color:'#ebebeb',lineWidth:1},\r\n\t\t\t\t\ttitle:{\r\n\t\t\t\t\t\tdisplay: true,\r\n\t\t\t\t\t\ttext: \"MW\"\r\n\t\t\t\t\t},\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t,plugins:{\r\n\t\t\tdatalabels:{display:true,\r\n\t\t\tfont:{\r\n\t\t\t\tstyle:' bold',},\r\n\t\t\t},\r\n\t\t\tlegend: {\r\n\t\t\t\tlabels:{\r\n\t\t\t\t\t\/\/ usePointStyle: true,\r\n\t\t\t\t\tboxWidth: 15,\r\n\t\t\t\t\tboxHeight: 15,\r\n\t\t\t\t\tborderRadius: 7,\r\n\t\t\t\t\tuseBorderRadius: true,\r\n\t\t\t\t\tfont: {\r\n\t\t\t\t\t\t\tsize: 14,\r\n\t\t\t\t\t\t\tfamily : 'Montserrat'\r\n\t\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t},\r\n\tlegend:{\r\n\t\tlabels:{\r\n\t\t\tusePointStyle: false,\r\n\t\t\tgenerateLabels: function(chart){\r\n\t\t\t\t return  chart.data.datasets.map( function( dataset, i ){\r\n\t\t\t\t\treturn{\r\n\t\t\t\t\t\ttext:dataset.label,\r\n\t\t\t\t\t\tlineCap:dataset.borderCapStyle,\r\n\t\t\t\t\t\tlineDash:[],\r\n\t\t\t\t\t\tlineDashOffset: 0,\r\n\t\t\t\t\t\tlineJoin:dataset.borderJoinStyle,\r\n\t\t\t\t\t\tfillStyle:dataset.backgroundColor,\r\n\t\t\t\t\t\tstrokeStyle:dataset.borderColor,\r\n\t\t\t\t\t\tlineWidth:dataset.pointBorderWidth,\r\n\t\t\t\t\t\tlineDash:dataset.borderDash,\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\r\n\t\t},\r\n\t},\r\n\t\r\n\ttitle:{\r\n\t\tdisplay:true,\r\n\t\ttext:'Chart Title',\r\n\t\tfontColor:'#3498db',\r\n\t\tfontSize:32,\r\n\t\tfontStyle:' bold',\r\n\t\t},\r\n\telements: {\r\n\t\tarc: {\r\n\t},\r\n\t\tpoint: {radius:1,},\r\n\t\tline: {tension:0,\r\n\t},\r\n\t\trectangle: {\r\n\t},\r\n\t},\r\n\ttooltips:{\r\n\t},\r\n\thover:{\r\n\t\tmode:'nearest',\r\n\t\tanimationDuration:400,\r\n\t},\r\n\t};\r\n\tChart.defaults.color = \"#5A5F65\";\r\n\tDrawTheChart(ChartData,ChartOptions,\"chart-03\",\"line\");\r\n\t\r\n\t<\/script>\r\n\t \r\n\t<!-- chart 3 end  -->\r\n<\/div>\r\n<div class=\"chart chart-3\">\r\n\r\n<!-- chart 2  -->\r\n<script>\r\nfunction DrawTheChart(ChartData,ChartOptions,ChartId,ChartType){\r\neval('var myLine = new Chart(document.getElementById(ChartId).getContext(\"2d\"),{type:\"'+ChartType+'\",data:ChartData,options:ChartOptions});document.getElementById(ChartId).getContext(\"2d\").stroke();')\r\n}\r\n\t\t<\/script>\r\n\r\n\t\t<canvas  id=\"chart-02\"  style=\"background-color:#FFFFFF;border-radius:0px;width:100%;height:400px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px\"><\/canvas>\r\n\t\t<script> function MoreChartOptions(){} \r\nvar ChartData = {\r\n\tlabels : [\"1\",\"2\",\"3\",\"4\",\"5\",\"6\",\"7\",\"8\",\"9\",\"10\",\"11\",\"12\",\"13\",\"14\",\"15\",\"16\",\"17\",\"18\",\"19\",\"20\",\"21\",\"22\",\"23\",\"24\",],\r\n\tdatasets : [\r\n\r\n\t\t{\r\n\t\tdata : {\"1\":426.488250999999991108779795467853546142578125,\"2\":379.60201999999998179191607050597667694091796875,\"3\":359.14141799999998738712747581303119659423828125,\"4\":356.2790830000000141808413900434970855712890625,\"5\":376.88452100000000655199983157217502593994140625},\r\n\t\tbackgroundColor :'rgba(52,152,219,0)',\r\n\t\tborderColor : '#31EB2C',\r\n\t\tpointBackgroundColor:'#000000',\r\n\t\tpointBorderColor : '#000000',\r\n\t\tpointBorderWidth: 2,\r\n\t\tpointHitRadius: 25,\t\t\r\n\t\tcubicInterpolationMode: 'monotone',\r\n\t\tpointBackgroundColor:'#2ecc71',\r\n\t\tpointBorderColor : '#2ecc71',\r\n\t\t\/\/ fill: true,\r\n        \/\/ backgroundColor: '#2ecc71',\r\n\t\ttype: 'line',\r\n\t\tlabel:\"Total Actual Consumption\"},\r\n\r\n\t\t{\r\n\t\tdata : {\"1\":736.437865999999985433532856404781341552734375,\"2\":693.5945430000000442305463366210460662841796875,\"3\":686.8707889999999451902112923562526702880859375,\"4\":687.1952509999999847423168830573558807373046875,\"5\":716.5307619999999815263436175882816314697265625},\r\n\t\tbackgroundColor :'#01b7dc',\r\n\t\tborderColor : 'rgba(136,136,136,0.5)',\r\n\t\tlabel:\"Hydro\"},\r\n\t\t\r\n\t\t{\r\n\t\tdata : {\"1\":0,\"2\":0,\"3\":0,\"4\":0,\"5\":0},\r\n\t\tbackgroundColor :'#fae003',\r\n\t\tborderColor : '#aaaaaa',\r\n\t\tlabel:\"Solar\"},\r\n\t\t{\r\n\t\tdata : {\"1\":0,\"2\":0,\"3\":0,\"4\":0,\"5\":0},\r\n\t\tbackgroundColor :'#816723',\r\n\t\tborderColor : '#816723',\r\n\t\tlabel:\"Thermo\"},\r\n\t\t\r\n\t\t\r\n\r\n\r\n]\r\n\t};\r\nChartOptions= {\r\nresponsive:true,\r\n\tlayout:{padding:{top:12,left:12,bottom:12,right:30},},\r\n\t scales: {\r\n        x: {\r\n\t\t\tstacked: true,\r\n\t\t\tgrid:{color:'#ebebeb',lineWidth:0},\r\n\t\t\ttitle:{\r\n\t\t\t\tdisplay: true,\r\n\t\t\t\ttext: \"Hours\"\r\n\t\t\t},\r\n\t\t\t\tticks: {\r\n\t\t\t\t\t\tautoSkip: false,\r\n\t\t\t\t\t\tfont:{\r\n\t\t\t\t\t\t\tsize: 8,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t},\r\n        },\r\n        y: {\r\n\t\t\tstacked: true,\r\n            grid:{color:'#ebebeb',lineWidth:1},\r\n\t\t\ttitle:{\r\n\t\t\t\tdisplay: true,\r\n\t\t\t\ttext: \"MW\"\r\n\t\t\t},\r\n        }\r\n    },plugins:{\r\n\t\tdatalabels:{display:true,\r\n\t\t\tfont:{\r\n\t\t\t\tstyle:' bold',},\r\n\t\t\t},\r\n\t\t\tlegend: {\r\n\t\t\t\tlabels:{\r\n\t\t\t\t\t\/\/ usePointStyle: true,\r\n\t\t\t\t\tboxWidth: 15,\r\n\t\t\t\t\tboxHeight: 15,\r\n\t\t\t\t\tborderRadius: 7,\r\n\t\t\t\t\tuseBorderRadius: true,\r\n\t\t\t\t\tfont: {\r\n\t\t\t\t\t\t\tsize: 14,\r\n\t\t\t\t\t\t\tfamily : 'Montserrat'\r\n\t\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t},\r\n},\r\nlegend:{\r\n\tlabels:{\r\n\t\tgenerateLabels: function(chart){\r\n\t\t\t return  chart.data.datasets.map( function( dataset, i ){\r\n\t\t\t\treturn{\r\n\t\t\t\t\ttext:dataset.label,\r\n\t\t\t\t\tlineCap:dataset.borderCapStyle,\r\n\t\t\t\t\tlineDash:[],\r\n\t\t\t\t\tlineDashOffset: 0,\r\n\t\t\t\t\tlineJoin:dataset.borderJoinStyle,\r\n\t\t\t\t\tfillStyle:dataset.backgroundColor,\r\n\t\t\t\t\tstrokeStyle:dataset.borderColor,\r\n\t\t\t\t\tlineWidth:dataset.pointBorderWidth,\r\n\t\t\t\t\tlineDash:dataset.borderDash,\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t},\r\n\r\n\t},\r\n    position: 'bottom',\r\n},\r\n\r\ntitle:{\r\n\tdisplay:true,\r\n\ttext:'Generation structure',\r\n\tfontColor:'#fff',\r\n\tfontSize:32,\r\n\tfontStyle:' bold',\r\n\t},\r\nsubtitle:{\r\n\tdisplay:true,\r\n\tfontColor:'#fff',\r\n\tfontSize:32,\r\n\tfontStyle:' bold',\r\n\t},    \r\nelements: {\r\n\tarc: {\r\n},\r\n\tline: {\r\n},\r\n\trectangle: {\r\nborderWidth:1,\r\n},\r\n},\r\ntooltips:{\r\n},\r\nhover:{\r\n\tmode:'nearest',\r\n\tanimationDuration:400,\r\n},\r\n};\r\nChart.defaults.color = \"#5A5F65\";\r\n\r\nDrawTheChart(ChartData,ChartOptions,\"chart-02\",\"bar\");\r\n \r\n\r\n <\/script>\r\n <!-- chart 2  end -->\r\n\r\n \r\n<\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"export-data new\">\r\n\t<form id=\"exportForm\">\r\n\t\t<div class=\"start-date\">\r\n\t\t\t<label for=\"startDate\">Start Date:<\/label>\r\n\t\t\t<input type=\"date\" id=\"startDate\" name=\"startDate\" required>\r\n\t\t<\/div>\r\n\t\t<div class=\"end-date\">\r\n\t\t\t<label for=\"endDate\">End Date:<\/label>\r\n\t\t\t<input type=\"date\" id=\"endDate\" name=\"endDate\" required>\r\n\t\t<\/div>\r\n\r\n\t\t<div class=\"buttons-export\">\r\n\t\t\t<button class=\"export-btn csv\" type=\"button\" onclick=\"exportData('csv')\">EXPORT TO CSV<\/button>\r\n\t\t\t<button class=\"export-btn xlsx\" type=\"button\" onclick=\"exportData('xlsx')\">EXPORT TO XLSX<\/button>\r\n\t\t<\/div>\r\n\r\n\t\t<input type=\"hidden\" id=\"ost_download_data_nonce\" name=\"ost_download_data_nonce\" value=\"3d145517e6\">\r\n\r\n\t<\/form>\r\n\r\n<\/div>\r\n<script>\r\n\tvar pageDataNames = ['AGC Actual Power Interchange OST Area',\r\n    'AGC Actual Scheduled Interchange OST Area',\r\n\t'AGC Integral of ACE',\r\n    'SYSTEM HYDRO POWER',\r\n    'SYSTEM OST_THERMAL_GEN',\r\n    'SYSTEM OST_SOLAR_GEN',\r\n\t'SYSTEM TOTAL GENRATION P']\r\n<\/script>    <\/div>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-37","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/opendata.ost.al\/en\/wp-json\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/opendata.ost.al\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/opendata.ost.al\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/opendata.ost.al\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/opendata.ost.al\/en\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":20,"href":"https:\/\/opendata.ost.al\/en\/wp-json\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":72,"href":"https:\/\/opendata.ost.al\/en\/wp-json\/wp\/v2\/pages\/37\/revisions\/72"}],"wp:attachment":[{"href":"https:\/\/opendata.ost.al\/en\/wp-json\/wp\/v2\/media?parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}