{"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 Peserta Didik<\/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>\r\n                        <th rowspan=\"2\" style=\"line-height: 90px;\">Wilayah<\/th>\r\n                        <th colspan=\"2\" style=\"text-align:center\">Kelas 1<\/th>\r\n                        <th colspan=\"2\" style=\"text-align:center\">Kelas 2<\/th>\r\n                        <th colspan=\"2\" style=\"text-align:center\">Kelas 3<\/th>\r\n                        <th colspan=\"2\" style=\"text-align:center\">Kelas 4<\/th>\r\n                        <th colspan=\"2\" style=\"text-align:center\">Kelas 5<\/th>\r\n                        <th colspan=\"2\" style=\"text-align:center\">Kelas 6<\/th>\r\n                        <th colspan=\"2\" style=\"text-align:center\">Kelas 7<\/th>\r\n                        <th colspan=\"2\" style=\"text-align:center\">Kelas 8<\/th>\r\n                        <th colspan=\"2\" style=\"text-align:center\">Kelas 9<\/th>\r\n                        <th colspan=\"2\" style=\"text-align:center\">Kelas 10<\/th>\r\n                        <th colspan=\"2\" style=\"text-align:center\">Kelas 11<\/th>\r\n                        <th colspan=\"2\" style=\"text-align:center\">Kelas 12<\/th>\r\n                        <th colspan=\"2\" style=\"text-align:center\">Kelas 13<\/th>\r\n                    <\/tr>\r\n                    <tr>\r\n\r\n                        <th>Ada NISN<\/th>\r\n                        <th>Tidak Ada<\/th>\r\n\r\n                        <th>Ada NISN<\/th>\r\n                        <th>Tidak Ada<\/th>\r\n\r\n                        <th>Ada NISN<\/th>\r\n                        <th>Tidak Ada<\/th>\r\n\r\n                        <th>Ada NISN<\/th>\r\n                        <th>Tidak Ada<\/th>\r\n\r\n                        <th>Ada NISN<\/th>\r\n                        <th>Tidak Ada<\/th>\r\n\r\n                        <th>Ada NISN<\/th>\r\n                        <th>Tidak Ada<\/th>\r\n\r\n                        <th>Ada NISN<\/th>\r\n                        <th>Tidak Ada<\/th>\r\n\r\n                        <th>Ada NISN<\/th>\r\n                        <th>Tidak Ada<\/th>\r\n\r\n                        <th>Ada NISN<\/th>\r\n                        <th>Tidak Ada<\/th>\r\n\r\n                        <th>Ada NISN<\/th>\r\n                        <th>Tidak Ada<\/th>\r\n\r\n                        <th>Ada NISN<\/th>\r\n                        <th>Tidak Ada<\/th>\r\n\r\n                        <th>Ada NISN<\/th>\r\n                        <th>Tidak Ada<\/th>\r\n\r\n                        <th>Ada NISN<\/th>\r\n                        <th>Tidak Ada<\/th>\r\n\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\/pesertaDidikWilayah\",\r\n        text: \"\",\r\n        showLabel: true,\r\n        showCount: true,\r\n    });\r\n    var totalSekolah = {};\r\n    var pesertadidikSeries = [];\r\n    var pesertadidikByKelasSeries = [];\r\n    console.log(pesertadidikSeries);\r\n    console.log(pesertadidikByKelasSeries);\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    var ctx = document.getElementById('canvasPie');\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: Object.keys(pesertadidikSeries),\r\n            datasets: function(){\r\n                var matrik = [];\r\n                $.each(Object.entries(pesertadidikByKelasSeries),function(index,element){\r\n                    let xaxs = {};\r\n                    xaxs.label = 'Kelas '+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            \/\/ datasets: [{\r\n            \/\/     label: 'Negeri',\r\n            \/\/     data: Object.values(pesertadidikSeries),\r\n            \/\/     backgroundColor: [\r\n            \/\/         'Yellow',\r\n            \/\/         'Yellow',\r\n            \/\/         'Yellow',\r\n            \/\/         'Yellow',\r\n            \/\/     ],\r\n            \/\/     borderColor: [\r\n            \/\/         'Yellow',\r\n            \/\/         'Yellow',\r\n            \/\/         'Yellow',\r\n            \/\/         'Yellow',\r\n            \/\/     ],\r\n            \/\/     borderWidth: 1\r\n            \/\/ }, ]\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<\/script>"}