{"id":7295,"date":"2024-08-12T09:57:21","date_gmt":"2024-08-12T02:57:21","guid":{"rendered":"https:\/\/fsp.sandbox.isi.ac.id\/?page_id=7295"},"modified":"2026-01-27T11:03:17","modified_gmt":"2026-01-27T04:03:17","slug":"infographic-employee","status":"publish","type":"page","link":"https:\/\/fsrd.isi.ac.id\/en\/hr\/infographic-employee\/","title":{"rendered":"Employee Infographic"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7295\" class=\"elementor elementor-7295\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"porto-full-no-gap porto_stretch_css stretch_row_css elementor-section elementor-top-section elementor-element elementor-element-dcb2611 elementor-section-full_width intro-section  elementor-section-height-full elementor-section-content-middle elementor-section-height-default elementor-section-items-middle\" data-plugin-parallax=\"\" data-plugin-options=\"{&quot;speed&quot;: 1.7}\" data-parallax-scale=\"\" data-id=\"dcb2611\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_scale_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_scale_direction&quot;:&quot;in-out&quot;,&quot;background_motion_fx_scale_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;background_motion_fx_scale_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:20,&quot;end&quot;:80}},&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\r\n\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\r\n\t\t\t\r\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"porto-ibanner elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9b263de w-100\" data-id=\"9b263de\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;text_align1&quot;:&quot;center&quot;}\">\r\n\t\t<style>.elementor-element-9b263de .porto-ibanner-layer {left: 50%;right: unset;top: 50%;bottom: unset;transform: translate(-50%, -50%);}<\/style>\t\t\t<div class=\"porto-ibanner-layer position-absolute d-flex elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7aa22be elementor-align-center elementor-absolute elementor-invisible elementor-widget elementor-widget-button\" data-id=\"7aa22be\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:&quot;400&quot;,&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#menu-body\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"  Simple-Line-Icons-arrow-down\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/section>\r\n\t\t<div class=\"elementor-element elementor-element-4509e801 e-con-full e-flex e-con e-parent\" data-id=\"4509e801\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t<div class=\"elementor-element elementor-element-53df5fd9 gap-menu-0 e-flex e-con-boxed e-con e-child\" data-id=\"53df5fd9\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-574f5595 elementor-widget elementor-widget-heading\" data-id=\"574f5595\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"link-current\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">-<\/div>\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<div class=\"elementor-element elementor-element-43bd62a e-flex e-con-boxed e-con e-parent\" data-id=\"43bd62a\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-2d8a0f7 elementor-widget elementor-widget-html\" data-id=\"2d8a0f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.chart-container {\r\n    background: #fff;\r\n    padding: 20px 24px;\r\n    margin: 10px;\r\n    border-radius: 16px;\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.07);\r\n    height: 100%;\r\n}\r\n.chart-container h4 {\r\n    margin-bottom: 17px;\r\n    color: #333;\r\n    border-bottom: 2px solid #f0f0f0;\r\n    padding-bottom: 7px;\r\n    font-weight: 600\r\n}\r\n.chart-row {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin: 0 -10px;\r\n}\r\n.chart-col-6 {\r\n    flex: 0 0 50%;\r\n    max-width: 50%;\r\n    box-sizing: border-box;\r\n}\r\n.chart-col-12 {\r\n    flex: 0 0 100%;\r\n    max-width: 100%;\r\n    padding: 26px 0px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n    .chart-col-6 {\r\n        flex: 0 0 100%;\r\n        max-width: 100%;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"statistics-charts mt-3 mb-4\">\r\n    <!-- Section Dosen -->\r\n    <div class=\"mb-2\">\r\n        <h4 class=\"text-dark\" style=\"margin: 0px; padding-bottom:0px\">Data Statistik<\/h4>\r\n        \r\n\t    <h2 class=\"text-primary\" style=\"margin: 0px; padding:0px\">Dosen<\/h2>\r\n    <\/div>\r\n    <div class=\"chart-row gap-xl-0 gap-md-4 gap-4\">\r\n        <div class=\"chart-col-6\">\r\n            <div class=\"chart-container\">\r\n                <h4>Pendidikan Terakhir<\/h4>\r\n                <div id=\"dosenPendidikanChart\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"chart-col-6\">\r\n            <div class=\"chart-container\">\r\n                <h4>Jabatan<\/h4>\r\n                <div id=\"dosenJabatanChart\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"chart-row\">\r\n        <div class=\"chart-col-12\">\r\n            <div class=\"chart-container\">\r\n                <h4>Pangkat\/Golongan<\/h4>\r\n                <div id=\"dosenPangkatChart\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Section Tenaga Kependidikan -->\r\n    <div class=\"my-2\">\r\n        <h4 class=\"pt-3 text-dark\" style=\"margin: 0px; padding-bottom:0px\">Data Statistik<\/h4>\r\n    \t<h2 class=\"text-primary\" style=\"margin: 0px; padding:0px\">Tenaga Kependidikan (Non Dosen)<\/h2>\r\n    <\/div>\r\n    <div class=\"chart-row gap-xl-0 gap-md-4 gap-4\">\r\n        <div class=\"chart-col-6\">\r\n            <div class=\"chart-container\">\r\n                <h4>Pendidikan Terakhir<\/h4>\r\n                <div id=\"tendikPendidikanChart\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"chart-col-6\">\r\n            <div class=\"chart-container\">\r\n                <h4>Pangkat\/Golongan<\/h4>\r\n                <div id=\"tendikPangkatChart\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"chart-row\">\r\n        <div class=\"chart-col-12\">\r\n            <div class=\"chart-container\">\r\n                <h4>Jumlah Tendik Tiap Sub Bagian<\/h4>\r\n                <div id=\"tendikSubbagChart\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/apexcharts\"><\/script>\r\n<script>\r\n\/\/ Data JSON\r\nconst data = {\r\n  \"tendik\": {\r\n    \"pangkat_golongan\": [\r\n      { \"golongan\": \"V\", \"jumlah\": 13 },\r\n      { \"golongan\": \"III\/a\", \"jumlah\": 8 },\r\n      { \"golongan\": \"III\/b\", \"jumlah\": 7 },\r\n      { \"golongan\": \"III\/c\", \"jumlah\": 3 },\r\n      { \"golongan\": \"III\/d\", \"jumlah\": 3 },\r\n    \/\/   { \"golongan\": \"II\/a & II\/b\", \"jumlah\": 0 },\r\n      { \"golongan\": \"II\/c\", \"jumlah\": 5 },\r\n      { \"golongan\": \"II\/d\", \"jumlah\": 4 }\r\n    ],\r\n    \"pendidikan\": [\r\n      { \"pendidikan\": \"S2\", \"jumlah\": 1 },\r\n      { \"pendidikan\": \"S1\", \"jumlah\": 13 },\r\n      { \"pendidikan\": \"D3\", \"jumlah\": 2 },\r\n      { \"pendidikan\": \"SMA\/K\", \"jumlah\": 27 }\r\n    ],\r\n    \"sub_bagian\": [\r\n      { \"sub_bagian\": \"Bagian Umum\", \r\n        \/\/ \"jumlah_pns\": 1, \"jumlah_ppnpn\": 0,\r\n        \"total\": 1\r\n      },\r\n      { \"sub_bagian\": \"Subbag. Pendidikan\", \r\n        \/\/ \"jumlah_pns\": 6, \"jumlah_ppnpn\": 2,\r\n        \"total\": 8\r\n      },\r\n      { \"sub_bagian\": \"Subbag. Kemahasiswaan\",\r\n        \/\/ \"jumlah_pns\": 2, \"jumlah_ppnpn\": 1,\r\n        \"total\": 2\r\n      },\r\n      { \"sub_bagian\": \"Subbag. Umum & Perlengkapan\",\r\n        \/\/ \"jumlah_pns\": 19, \"jumlah_ppnpn\": 17,\r\n        \"total\": 28\r\n      },\r\n      { \"sub_bagian\": \"Subbag. Keuangan & Kepegawaian\",\r\n        \/\/ \"jumlah_pns\": 4, \"jumlah_ppnpn\": 1\r\n        \"total\": 4\r\n      }\r\n    ],\r\n    \"jumlah_pegawai\": {\r\n    \/\/   \"pns\": 31,\r\n    \/\/   \"ppnpn\": 21,\r\n      \"grandtotal\": 43\r\n    }\r\n  },\r\n  \"dosen\": {\r\n    \"jabatan\": [\r\n      { \"jabatan\": \"Professor\/Guru Besar\", \"jumlah\": 4 },\r\n      { \"jabatan\": \"Lektor Kepala\", \"jumlah\": 13 },\r\n      { \"jabatan\": \"Lektor\", \"jumlah\": 70 },\r\n      { \"jabatan\": \"Asisten Ahli\", \"jumlah\": 39 },\r\n      { \"jabatan\": \"PNS AA\", \"jumlah\": 9 },\r\n      { \"jabatan\": \"CPNS AA\", \"jumlah\": 26 }\r\n    ],\r\n    \"pangkat_golongan\": [\r\n    \/\/   { \"golongan\": \"III\/a\", \"jumlah\": 0 },\r\n      { \"golongan\": \"III\/b\", \"jumlah\": 74 },\r\n      { \"golongan\": \"III\/c\", \"jumlah\": 15 },\r\n      { \"golongan\": \"III\/d\", \"jumlah\": 51 },\r\n      { \"golongan\": \"IV\/a\", \"jumlah\": 4 },\r\n      { \"golongan\": \"IV\/b\", \"jumlah\": 7 },\r\n      { \"golongan\": \"IV\/c\", \"jumlah\": 3 },\r\n      { \"golongan\": \"IV\/d\", \"jumlah\": 1 },\r\n      { \"golongan\": \"IV\/e\", \"jumlah\": 2 },\r\n      { \"golongan\": \"X\", \"jumlah\": 4 }\r\n    ],\r\n    \"pendidikan\": [\r\n      { \"pendidikan\": \"S2\", \"jumlah\": 131 },\r\n      { \"pendidikan\": \"S3\", \"jumlah\": 30 }\r\n    ]\r\n  }\r\n};\r\n\r\n\/\/ Fungsi untuk menghitung total dari suatu array data\r\nfunction calculateTotal(dataArray) {\r\n    return dataArray.reduce((total, item) => total + item.jumlah, 0);\r\n}\r\n\r\n\/\/ Variabel untuk menyimpan instance chart\r\nlet chartInstances = {\r\n    dosenPendidikan: null,\r\n    dosenJabatan: null,\r\n    dosenPangkat: null,\r\n    tendikPendidikan: null,\r\n    tendikPangkat: null,\r\n    tendikSubbag: null\r\n};\r\n\r\n\/\/ Inisialisasi chart setelah halaman dimuat\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \r\n    \/\/ ========== DOSEN ==========\r\n    \r\n    \/\/ 1. Pendidikan Dosen - Doughnut Chart (Column 6)\r\n    const totalDosenPendidikan = calculateTotal(data.dosen.pendidikan);\r\n    var dosenPendidikanOptions = {\r\n        series: data.dosen.pendidikan.map(item => item.jumlah),\r\n        chart: {\r\n            type: 'donut',\r\n            height: 350\r\n        },\r\n        labels: data.dosen.pendidikan.map(item => item.pendidikan),\r\n        colors: ['#008FFB', '#00E396'],\r\n        legend: {\r\n            position: 'bottom'\r\n        },\r\n        plotOptions: {\r\n            pie: {\r\n                donut: {\r\n                    size: '45%'\r\n                }\r\n            }\r\n        },\r\n        dataLabels: {\r\n            enabled: true,\r\n            formatter: function(val, opts) {\r\n                \/\/ Menampilkan persentase\r\n                return Math.round(val) + '%';\r\n            }\r\n        },\r\n        tooltip: {\r\n            y: {\r\n                formatter: function(value) {\r\n                    return value + ' Orang';\r\n                }\r\n            }\r\n        },\r\n        responsive: [{\r\n            breakpoint: 480,\r\n            options: {\r\n                chart: {\r\n                    width: '100%'\r\n                }\r\n            }\r\n        }]\r\n    };\r\n    \r\n    var dosenPendidikanChart = new ApexCharts(document.querySelector(\"#dosenPendidikanChart\"), dosenPendidikanOptions);\r\n    dosenPendidikanChart.render();\r\n    \r\n    \/\/ 2. Jabatan Dosen - Pie Chart (Column 6)\r\n    const totalDosenJabatan = calculateTotal(data.dosen.jabatan);\r\n    var dosenJabatanOptions = {\r\n        series: data.dosen.jabatan.map(item => item.jumlah),\r\n        chart: {\r\n            type: 'pie',\r\n            height: 350\r\n        },\r\n        labels: data.dosen.jabatan.map(item => item.jabatan),\r\n        colors: ['#008FFB', '#00E396', '#FEB019', '#FF4560', '#775DD0', '#00D9E9'],\r\n        legend: {\r\n            position: 'bottom'\r\n        },\r\n        dataLabels: {\r\n            enabled: true,\r\n            formatter: function(val, opts) {\r\n                \/\/ Menampilkan persentase\r\n                return Math.round(val) + '%';\r\n            }\r\n        },\r\n        tooltip: {\r\n            y: {\r\n                formatter: function(value) {\r\n                    return value + ' Orang';\r\n                }\r\n            }\r\n        },\r\n        responsive: [{\r\n            breakpoint: 480,\r\n            options: {\r\n                chart: {\r\n                    width: '100%'\r\n                }\r\n            }\r\n        }]\r\n    };\r\n    \r\n    var dosenJabatanChart = new ApexCharts(document.querySelector(\"#dosenJabatanChart\"), dosenJabatanOptions);\r\n    dosenJabatanChart.render();\r\n    \r\n    \/\/ 3. Pangkat\/Golongan Dosen - Bar Chart (Column 12)\r\n    var dosenPangkatOptions = {\r\n        series: [{\r\n            name: 'Jumlah Dosen',\r\n            data: data.dosen.pangkat_golongan.map(item => item.jumlah)\r\n        }],\r\n        chart: {\r\n            type: 'bar',\r\n            height: 400\r\n        },\r\n        plotOptions: {\r\n            bar: {\r\n                borderRadius: 8,\r\n                horizontal: true,\r\n                columnWidth: '70%',\r\n            }\r\n        },\r\n        dataLabels: {\r\n            enabled: true,\r\n            formatter: function(val) {\r\n                return val;\r\n            }\r\n        },\r\n        xaxis: {\r\n            categories: data.dosen.pangkat_golongan.map(item => item.golongan),\r\n        },\r\n        colors: ['#B49B57'],\r\n        grid: {\r\n            borderColor: '#f1f1f1',\r\n        },\r\n        tooltip: {\r\n            y: {\r\n                formatter: function(value) {\r\n                    return value + ' Orang';\r\n                }\r\n            }\r\n        }\r\n    };\r\n    \r\n    var dosenPangkatChart = new ApexCharts(document.querySelector(\"#dosenPangkatChart\"), dosenPangkatOptions);\r\n    dosenPangkatChart.render();\r\n    \r\n    \/\/ ========== TENAGA KEPENDIDIKAN ==========\r\n    \r\n    \/\/ 1. Pendidikan Tendik - Doughnut Chart (Column 6)\r\n    const totalTendikPendidikan = calculateTotal(data.tendik.pendidikan);\r\n    var tendikPendidikanOptions = {\r\n        series: data.tendik.pendidikan.map(item => item.jumlah),\r\n        chart: {\r\n            type: 'donut',\r\n            height: 350\r\n        },\r\n        labels: data.tendik.pendidikan.map(item => item.pendidikan),\r\n        colors: ['#008FFB', '#00E396', '#FEB019', '#FF4560'],\r\n        legend: {\r\n            position: 'bottom'\r\n        },\r\n        plotOptions: {\r\n            pie: {\r\n                donut: {\r\n                    size: '45%'\r\n                }\r\n            }\r\n        },\r\n        dataLabels: {\r\n            enabled: true,\r\n            formatter: function(val, opts) {\r\n                \/\/ Menampilkan persentase\r\n                return Math.round(val) + '%';\r\n            }\r\n        },\r\n        tooltip: {\r\n            y: {\r\n                formatter: function(value) {\r\n                    return value + ' Orang';\r\n                }\r\n            }\r\n        },\r\n        responsive: [{\r\n            breakpoint: 480,\r\n            options: {\r\n                chart: {\r\n                    width: '100%'\r\n                }\r\n            }\r\n        }]\r\n    };\r\n    \r\n    var tendikPendidikanChart = new ApexCharts(document.querySelector(\"#tendikPendidikanChart\"), tendikPendidikanOptions);\r\n    tendikPendidikanChart.render();\r\n    \r\n    \/\/ 2. Pangkat\/Golongan Tendik - Pie Chart (Column 6)\r\n    const totalTendikPangkat = calculateTotal(data.tendik.pangkat_golongan);\r\n    var tendikPangkatOptions = {\r\n        series: data.tendik.pangkat_golongan.map(item => item.jumlah),\r\n        chart: {\r\n            type: 'pie',\r\n            height: 350\r\n        },\r\n        labels: data.tendik.pangkat_golongan.map(item => item.golongan),\r\n        colors: ['#008FFB', '#00E396', '#FEB019', '#FF4560', '#775DD0', '#00D9E9', '#FF66C3', '#546E7A'],\r\n        legend: {\r\n            position: 'bottom'\r\n        },\r\n        dataLabels: {\r\n            enabled: true,\r\n            formatter: function(val, opts) {\r\n                \/\/ Menampilkan persentase\r\n                return Math.round(val) + '%';\r\n            }\r\n        },\r\n        tooltip: {\r\n            y: {\r\n                formatter: function(value) {\r\n                    return value + ' Orang';\r\n                }\r\n            }\r\n        },\r\n        responsive: [{\r\n            breakpoint: 480,\r\n            options: {\r\n                chart: {\r\n                    width: '100%'\r\n                }\r\n            }\r\n        }]\r\n    };\r\n    \r\n    var tendikPangkatChart = new ApexCharts(document.querySelector(\"#tendikPangkatChart\"), tendikPangkatOptions);\r\n    tendikPangkatChart.render();\r\n    \r\n    \/\/ 3. Distribusi Sub Bagian - Stacked Bar Chart (Column 12)\r\n    var tendikSubbagOptions = {\r\n        series: [\r\n            {\r\n                name: 'ASN',\r\n                data: data.tendik.sub_bagian.map(item => item.total)\r\n            },\r\n            \/\/ {\r\n            \/\/     name: 'PPNPN',\r\n            \/\/     data: data.tendik.sub_bagian.map(item => item.jumlah_ppnpn)\r\n            \/\/ }\r\n        ],\r\n        chart: {\r\n            type: 'bar',\r\n            height: 400,\r\n            stacked: true\r\n            \/\/ stackType: '100%'\r\n        },\r\n        plotOptions: {\r\n            bar: {\r\n                borderRadius: 8,\r\n                horizontal: true,\r\n                columnWidth: '60%',\r\n            },\r\n        },\r\n        dataLabels: {\r\n            enabled: true,\r\n            formatter: function(val) {\r\n                return val;\r\n            }\r\n        },\r\n        xaxis: {\r\n            categories: data.tendik.sub_bagian.map(item => item.sub_bagian),\r\n            rotate: 45, \/\/ Miring 45 derajat\r\n            style: {\r\n                fontSize: '12px',\r\n                \/\/ cssClass: 'xaxis-label'\r\n            },\r\n        },\r\n        yaxis: {\r\n            labels: {\r\n                formatter: function(val) {\r\n                    return val;\r\n                }\r\n            }\r\n        },\r\n        colors: ['#B49B57', '#5770B4'],\r\n        legend: {\r\n            position: 'top',\r\n            horizontalAlign: 'center',\r\n            formatter: function(seriesName, opts) {\r\n                let total = 0;\r\n                \/\/ total = data.tendik.total;\r\n                if (seriesName === 'PNS') {\r\n                    total = data.tendik.jumlah_pegawai.pns;\r\n                } else if (seriesName === 'PPNPN') {\r\n                    total = data.tendik.jumlah_pegawai.ppnpn;\r\n                }\r\n                return seriesName + ' (' + total + ' Orang)';\r\n            }\r\n        },\r\n        tooltip: {\r\n            y: {\r\n                formatter: function(value) {\r\n                    return value + ' Orang';\r\n                }\r\n            }\r\n        },\r\n        responsive: [{\r\n            breakpoint: 480,\r\n            options: {\r\n                legend: {\r\n                    position: 'bottom',\r\n                    horizontalAlign: 'center',\r\n                }\r\n            }\r\n        }]\r\n    };\r\n    \r\n    var tendikSubbagChart = new ApexCharts(document.querySelector(\"#tendikSubbagChart\"), tendikSubbagOptions);\r\n    tendikSubbagChart.render();\r\n});\r\n<\/script>\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":"<p>&#8211; Data Statistik Dosen Pendidikan Terakhir Jabatan Pangkat\/Golongan Data Statistik Tenaga Kependidikan (Non Dosen) Pendidikan Terakhir Pangkat\/Golongan Jumlah Tendik Tiap Sub Bagian<\/p>","protected":false},"author":2,"featured_media":0,"parent":7294,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7295","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fsrd.isi.ac.id\/en\/wp-json\/wp\/v2\/pages\/7295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fsrd.isi.ac.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fsrd.isi.ac.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fsrd.isi.ac.id\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/fsrd.isi.ac.id\/en\/wp-json\/wp\/v2\/comments?post=7295"}],"version-history":[{"count":40,"href":"https:\/\/fsrd.isi.ac.id\/en\/wp-json\/wp\/v2\/pages\/7295\/revisions"}],"predecessor-version":[{"id":51197,"href":"https:\/\/fsrd.isi.ac.id\/en\/wp-json\/wp\/v2\/pages\/7295\/revisions\/51197"}],"up":[{"embeddable":true,"href":"https:\/\/fsrd.isi.ac.id\/en\/wp-json\/wp\/v2\/pages\/7294"}],"wp:attachment":[{"href":"https:\/\/fsrd.isi.ac.id\/en\/wp-json\/wp\/v2\/media?parent=7295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}