{"status":true,"content":"<article class=\"entry knowledge-base-article\" itemscope=\"\" itemtype=\"https:\/\/schema.org\/CreativeWork\">\r\n        <header class=\"entry-header\">\r\n\r\n        <header class=\"entry-header\">\r\n            <h3 class=\"h3 entry-title\" itemprop=\"headline\">Rekap GTK<\/h3>\r\n        <\/header>\r\n        <p class=\"entry-meta post-additional-info\">\r\n            \r\n                    <\/time>\r\n        <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"entry-content\" itemprop=\"text\">\r\n\r\n        <div class=\"entry-content table-responsive\">\r\n            <table class=\"table table-striped\">\r\n                <thead>\r\n                    <tr style=\"text-align:center\">\r\n                        <th rowspan=\"3\" style=\"line-height: 100px;\">Wilayah<\/th>\r\n                        <th colspan=\"9\" style=\"background: rgb(255, 59, 48);color: white;\">Guru<\/th>\r\n                        <th colspan=\"9\" style=\"color: rgb(255, 255, 255);background-color: rgb(255, 107, 34);\">Tendik<\/th>\r\n                        <th colspan=\"9\" style=\"color: rgb(255, 255, 255);background-color: rgb(255, 204, 0);\">Total GTK<\/th>\r\n                    <\/tr>\r\n                    <tr style=\"text-align:center\">\r\n                        <th colspan=\"3\" style=\"background-color: rgb(33, 150, 243);color: rgb(255, 255, 255);\">Negeri<\/th>\r\n                        <th colspan=\"3\" style=\"background-color: rgb(90, 200, 250);color: rgb(255, 255, 255);\">Swasta<\/th>\r\n                        <th colspan=\"3\" style=\"background-color: rgb(152, 221, 252);color: rgb(255, 255, 255);\">Total<\/th>\r\n\r\n                        <th colspan=\"3\" style=\"background-color: rgb(33, 150, 243);color: rgb(255, 255, 255);\">Negeri<\/th>\r\n                        <th colspan=\"3\" style=\"background-color: rgb(90, 200, 250);color: rgb(255, 255, 255);\">Swasta<\/th>\r\n                        <th colspan=\"3\" style=\"background-color: rgb(152, 221, 252);color: rgb(255, 255, 255);\">Total<\/th>\r\n\r\n                        <th colspan=\"3\" style=\"background-color: rgb(33, 150, 243);color: rgb(255, 255, 255);\">Negeri<\/th>\r\n                        <th colspan=\"3\" style=\"background-color: rgb(90, 200, 250);color: rgb(255, 255, 255);\">Swasta<\/th>\r\n                        <th colspan=\"3\" style=\"background-color: rgb(152, 221, 252);color: rgb(255, 255, 255);\">Total<\/th>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th style=\"background-color: rgb(33, 150, 243);color: rgb(255, 255, 255);\">L<\/th>\r\n                        <th style=\"background-color: rgb(33, 150, 243);color: rgb(255, 255, 255);\">P<\/th>\r\n                        <th style=\"background-color: rgb(33, 150, 243);color: rgb(255, 255, 255);\">Jml<\/th>\r\n                        <th style=\"background-color: rgb(90, 200, 250);color: rgb(255, 255, 255);\">L<\/th>\r\n                        <th style=\"background-color: rgb(90, 200, 250);color: rgb(255, 255, 255);\">P<\/th>\r\n                        <th style=\"background-color: rgb(90, 200, 250);color: rgb(255, 255, 255);\">Jml<\/th>\r\n                        <th style=\"background-color: rgb(152, 221, 252);color: rgb(255, 255, 255);\">L<\/th>\r\n                        <th style=\"background-color: rgb(152, 221, 252);color: rgb(255, 255, 255);\">P<\/th>\r\n                        <th style=\"background-color: rgb(152, 221, 252);color: rgb(255, 255, 255);\">Jml<\/th>\r\n\r\n                        <th style=\"background-color: rgb(33, 150, 243);color: rgb(255, 255, 255);\">L<\/th>\r\n                        <th style=\"background-color: rgb(33, 150, 243);color: rgb(255, 255, 255);\">P<\/th>\r\n                        <th style=\"background-color: rgb(33, 150, 243);color: rgb(255, 255, 255);\">Jml<\/th>\r\n                        <th style=\"background-color: rgb(90, 200, 250);color: rgb(255, 255, 255);\">L<\/th>\r\n                        <th style=\"background-color: rgb(90, 200, 250);color: rgb(255, 255, 255);\">P<\/th>\r\n                        <th style=\"background-color: rgb(90, 200, 250);color: rgb(255, 255, 255);\">Jml<\/th>\r\n                        <th style=\"background-color: rgb(152, 221, 252);color: rgb(255, 255, 255);\">L<\/th>\r\n                        <th style=\"background-color: rgb(152, 221, 252);color: rgb(255, 255, 255);\">P<\/th>\r\n                        <th style=\"background-color: rgb(152, 221, 252);color: rgb(255, 255, 255);\">Jml<\/th>\r\n\r\n                        <th style=\"background-color: rgb(33, 150, 243);color: rgb(255, 255, 255);\">L<\/th>\r\n                        <th style=\"background-color: rgb(33, 150, 243);color: rgb(255, 255, 255);\">P<\/th>\r\n                        <th style=\"background-color: rgb(33, 150, 243);color: rgb(255, 255, 255);\">Jml<\/th>\r\n                        <th style=\"background-color: rgb(90, 200, 250);color: rgb(255, 255, 255);\">L<\/th>\r\n                        <th style=\"background-color: rgb(90, 200, 250);color: rgb(255, 255, 255);\">P<\/th>\r\n                        <th style=\"background-color: rgb(90, 200, 250);color: rgb(255, 255, 255);\">Jml<\/th>\r\n                        <th style=\"background-color: rgb(152, 221, 252);color: rgb(255, 255, 255);\">L<\/th>\r\n                        <th style=\"background-color: rgb(152, 221, 252);color: rgb(255, 255, 255);\">P<\/th>\r\n                        <th style=\"background-color: rgb(152, 221, 252);color: rgb(255, 255, 255);\">Jml<\/th>\r\n                    <\/tr>\r\n                <\/thead>\r\n                <tbody>\r\n                                    <\/tbody>\r\n            <\/table>\r\n        <\/div>\r\n        <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n                <div class=\"crumina-module crumina-stat-item mb-2\">\r\n                    <div class=\"statistic-title-count-wrap\">\r\n                        <h6 class=\"title\">Info Grafis Data Peserta Didik<\/h6>\r\n                        <h6 class=\"count data-jenjang\"><\/h6>\r\n                    <\/div>\r\n                    <div class=\"chart-js chart-js-line-chart\">\r\n                        <canvas id=\"canvas\" width=\"1400\" height=\"500\"><\/canvas>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <footer class=\"entry-footer\">\r\n        <div class=\"entry-meta\">\r\n            <h5>Share :<\/h5>\r\n            <div id=\"share\"><\/div>\r\n        <\/div>\r\n    <\/footer>\r\n<\/article>\r\n\r\n\r\n<script>\r\n    $(\"#share\").jsSocials({\r\n        shares: [\"email\", \"twitter\", \"facebook\", \"linkedin\", \"whatsapp\"],\r\n        url: \"https:\/\/dikpora.jogjaprov.go.id\/web\/data_pendidikan\/rekapSekolahTotal\",\r\n        text: \"\",\r\n        showLabel: true,\r\n        showCount: true,\r\n    });\r\n    var rekapGTKSeries = [];\r\n    var pesertadidikSeries = [];\r\n\r\n\r\n    console.log(pesertadidikSeries);\r\n    var color = [\r\n                            '#36a2eb',\r\n                            '#ff6384',\r\n                            '#4bc0c0',\r\n                            '#ff9f40',\r\n                            '#9966ff',\r\n                            '#ffcd56',\r\n                            '#c9cbcf',\r\n                            '#36a2eb',\r\n                            '#ff6384',\r\n                            '#4bc0c0',\r\n                            '#ff9f40',\r\n                            '#9966ff',\r\n                            '#ffcd56',\r\n                            '#c9cbcf',\r\n                ];\r\n    \/\/\/ batang\r\n    var ctx = document.getElementById('canvas').getContext('2d');\r\n    var myChart = new Chart(ctx, {\r\n        type: 'bar',\r\n        data: {\r\n            labels:pesertadidikSeries,\r\n            datasets: function(){\r\n                var matrik = [];\r\n                $.each(Object.entries(rekapGTKSeries),function(index,element){\r\n                    let xaxs = {};\r\n                    xaxs.label = element[0];\r\n                    xaxs.data = Object.values(element[1]);\r\n                    xaxs.backgroundColor = color[index];\r\n                    xaxs.borderWidth = 1;\r\n                    matrik.push(xaxs)\r\n                });\r\n                console.log(matrik)\r\n                return matrik;\r\n            }(),\r\n        },\r\n        options: {\r\n            scales: {\r\n                yAxes: [{\r\n                    ticks: {\r\n                        beginAtZero: true\r\n                    }\r\n                }]\r\n            }\r\n        }\r\n    });\r\n\r\n<\/script>"}