{"id":8017,"date":"2024-11-27T01:14:30","date_gmt":"2024-11-26T18:14:30","guid":{"rendered":"https:\/\/populicenter.org\/?page_id=8017"},"modified":"2026-03-30T11:19:00","modified_gmt":"2026-03-30T04:19:00","slug":"hitung-cepat","status":"publish","type":"page","link":"https:\/\/populicenter.org\/en\/hitung-cepat\/","title":{"rendered":"Quick Count"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8017\" class=\"elementor elementor-8017\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<header data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-6636add elementor-section-content-middle elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"6636add\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-25e75f7\" data-id=\"25e75f7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a637460 elementor-widget elementor-widget-theme-site-logo elementor-widget-image\" data-id=\"a637460\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-site-logo.default\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/populicenter.org\/en\">\n\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"342\" src=\"https:\/\/populicenter.org\/wp-content\/uploads\/2022\/08\/Populi-Center-Baru-Ok-1024x438.png\" class=\"elementor-animation-grow attachment-large size-large wp-image-5712\" alt=\"\" srcset=\"https:\/\/populicenter.org\/wp-content\/uploads\/2022\/08\/Populi-Center-Baru-Ok-1024x438.png 1024w, https:\/\/populicenter.org\/wp-content\/uploads\/2022\/08\/Populi-Center-Baru-Ok-300x128.png 300w, https:\/\/populicenter.org\/wp-content\/uploads\/2022\/08\/Populi-Center-Baru-Ok-768x328.png 768w, https:\/\/populicenter.org\/wp-content\/uploads\/2022\/08\/Populi-Center-Baru-Ok-1536x657.png 1536w, https:\/\/populicenter.org\/wp-content\/uploads\/2022\/08\/Populi-Center-Baru-Ok-2048x876.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-13efd39\" data-id=\"13efd39\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7268572 elementor-widget elementor-widget-html\" data-id=\"7268572\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\njQuery(document).ready(function($){\nvar mywindow = $(window);\nvar mypos = mywindow.scrollTop();\nmywindow.scroll(function() {\nif (mypos > 40) {\nif(mywindow.scrollTop() > mypos)\n{\n$('#stickyheaders').addClass('headerup');\n}\nelse\n{\n$('#stickyheaders').removeClass('headerup');\n}\n}\nmypos = mywindow.scrollTop();\n});\n});\n<\/script>\n<style>\n#stickyheaders{\n-webkit-transition: transform 0.34s ease;\ntransition : transform 0.34s ease;\n}\n.headerup{\ntransform: translateY(-110px); \/*adjust this value to the height of your header*\/\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-7116806\" data-id=\"7116806\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6973f30 elementor-nav-menu__align-end elementor-nav-menu--stretch elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu\" data-id=\"6973f30\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;full_width&quot;:&quot;stretch&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;i aria-hidden=\\&quot;true\\&quot; class=\\&quot;\\&quot;&gt;&lt;\\\/i&gt;&quot;,&quot;library&quot;:&quot;&quot;},&quot;layout&quot;:&quot;horizontal&quot;,&quot;toggle&quot;:&quot;burger&quot;}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t\t\t\t\t<nav aria-label=\"Menu\" class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-text e--animation-grow\">\n\t\t\t\t<ul id=\"menu-1-6973f30\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-138\"><a href=\"https:\/\/populicenter.org\/en\/\" class=\"elementor-item\">Beranda<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1228\"><a href=\"#\" class=\"elementor-item elementor-item-anchor\">Tentang Kami<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-150\"><a href=\"https:\/\/populicenter.org\/en\/profil\/\" class=\"elementor-sub-item\">Profil<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-151\"><a href=\"https:\/\/populicenter.org\/en\/tim-kerja\/\" class=\"elementor-sub-item\">Tim Kerja<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1230\"><a href=\"#\" class=\"elementor-item elementor-item-anchor\">Program<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-5465\"><a href=\"https:\/\/populicenter.org\/en\/beasiswa-populi-center\/\" class=\"elementor-sub-item\">Beasiswa Populi Center<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-775\"><a href=\"https:\/\/populicenter.org\/en\/forum-populi\/\" class=\"elementor-sub-item\">Forum Populi<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-777\"><a href=\"https:\/\/populicenter.org\/en\/post-covid-governance-initiative-ppcgi\/\" class=\"elementor-sub-item\">Populi Post COVID-19 Governance Initiative (PPCGI)<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-781\"><a href=\"https:\/\/populicenter.org\/en\/riset-indonesia-timur-tenggara\/\" class=\"elementor-sub-item\">Riset Indonesia Timur-Tenggara<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-779\"><a href=\"https:\/\/populicenter.org\/en\/jawa-barat-banten\/\" class=\"elementor-sub-item\">Riset Jawa Barat &#038; Banten<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-780\"><a href=\"https:\/\/populicenter.org\/en\/menulis-dki-jakarta\/\" class=\"elementor-sub-item\">Riset Menulis DKI Jakarta<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1232\"><a href=\"#\" class=\"elementor-item elementor-item-anchor\">Publikasi<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-785\"><a href=\"https:\/\/populicenter.org\/en\/annual-report\/\" class=\"elementor-sub-item\">Annual Report<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-8261\"><a href=\"https:\/\/populicenter.org\/en\/buku-populi-2\/\" class=\"elementor-sub-item\">Buku Populi<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6803\"><a href=\"https:\/\/populicenter.org\/en\/laporan-keuangan\/\" class=\"elementor-sub-item\">Laporan Keuangan<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-805\"><a href=\"https:\/\/populicenter.org\/en\/policy-brief\/\" class=\"elementor-sub-item\">Policy Brief<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-8409\"><a href=\"https:\/\/populicenter.org\/en\/populi-update\/\" class=\"elementor-sub-item\">Populi Update<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7705\"><a href=\"https:\/\/populicenter.org\/en\/opini\/\" class=\"elementor-sub-item\">Opini<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-610\"><a href=\"https:\/\/populicenter.org\/en\/rana-pustaka\/\" class=\"elementor-sub-item\">Rana Pustaka<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6057\"><a href=\"https:\/\/populicenter.org\/en\/rilis-survei\/\" class=\"elementor-sub-item\">Rilis Survei<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z\"><\/path><\/svg><svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z\"><\/path><\/svg>\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-6973f30\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-138\"><a href=\"https:\/\/populicenter.org\/en\/\" class=\"elementor-item\" tabindex=\"-1\">Beranda<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1228\"><a href=\"#\" class=\"elementor-item elementor-item-anchor\" tabindex=\"-1\">Tentang Kami<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-150\"><a href=\"https:\/\/populicenter.org\/en\/profil\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Profil<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-151\"><a href=\"https:\/\/populicenter.org\/en\/tim-kerja\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Tim Kerja<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1230\"><a href=\"#\" class=\"elementor-item elementor-item-anchor\" tabindex=\"-1\">Program<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-5465\"><a href=\"https:\/\/populicenter.org\/en\/beasiswa-populi-center\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Beasiswa Populi Center<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-775\"><a href=\"https:\/\/populicenter.org\/en\/forum-populi\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Forum Populi<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-777\"><a href=\"https:\/\/populicenter.org\/en\/post-covid-governance-initiative-ppcgi\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Populi Post COVID-19 Governance Initiative (PPCGI)<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-781\"><a href=\"https:\/\/populicenter.org\/en\/riset-indonesia-timur-tenggara\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Riset Indonesia Timur-Tenggara<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-779\"><a href=\"https:\/\/populicenter.org\/en\/jawa-barat-banten\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Riset Jawa Barat &#038; Banten<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-780\"><a href=\"https:\/\/populicenter.org\/en\/menulis-dki-jakarta\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Riset Menulis DKI Jakarta<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1232\"><a href=\"#\" class=\"elementor-item elementor-item-anchor\" tabindex=\"-1\">Publikasi<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-785\"><a href=\"https:\/\/populicenter.org\/en\/annual-report\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Annual Report<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-8261\"><a href=\"https:\/\/populicenter.org\/en\/buku-populi-2\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Buku Populi<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6803\"><a href=\"https:\/\/populicenter.org\/en\/laporan-keuangan\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Laporan Keuangan<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-805\"><a href=\"https:\/\/populicenter.org\/en\/policy-brief\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Policy Brief<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-8409\"><a href=\"https:\/\/populicenter.org\/en\/populi-update\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Populi Update<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7705\"><a href=\"https:\/\/populicenter.org\/en\/opini\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Opini<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-610\"><a href=\"https:\/\/populicenter.org\/en\/rana-pustaka\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Rana Pustaka<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6057\"><a href=\"https:\/\/populicenter.org\/en\/rilis-survei\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Rilis Survei<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\t\t\t<\/nav>\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<\/div>\n\t\t<\/header>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-e244ec4 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e244ec4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e928091\" data-id=\"e928091\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a9b16da elementor-widget elementor-widget-heading\" data-id=\"a9b16da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-xl\">Quick Count Kabupaten Bojonegoro<\/h1>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-5847382 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5847382\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f822c92\" data-id=\"f822c92\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b81dbb0 elementor-widget elementor-widget-html\" data-id=\"b81dbb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n  <link href=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.3.1\/css\/bootstrap.min.css\" rel=\"stylesheet\" \/>\n  <style>\n    body {\n      background-color: #f8f9fa;\n      font-family: sans-serif;\n    }\n    .header h3 {\n      margin: 0;\n      font-size: 2.5em;\n    }\n    .content {\n      padding: 20px 0;\n    }\n    .chart-container {\n      position: relative;\n      margin: auto;\n      height: 600px;\n      width: 100%;\n    }\n    .title-text {\n      font-weight: bold;\n      color: #343a40;\n    }\n  <\/style>\n<\/head>\n<body>\n\n    <!-- Content Section -->\n    <div class=\"row content text-center m-4\">\n      <div class=\"col-12\">\n        <h4 id=\"suaramasuk\" class=\"title-text\"><\/h4>\n      <\/div>\n      <div class=\"col-12\">\n        <div class=\"chart-container\">\n          <canvas id=\"pilkada\"><\/canvas>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"row content text-center m-4\">\n      <div class=\"col-12\">\n        <h4 id=\"\" class=\"title-text\">Perolehan Suara Berdasarkan Wilayah<\/h4>\n      <\/div>\n      <div class=\"col-12\">\n        <div class=\"chart-container\">\n          <canvas id=\"wilayah\"><\/canvas>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <script src=\"https:\/\/code.jquery.com\/jquery-3.3.1.min.js\"><\/script>\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chartjs-plugin-datalabels\"><\/script>\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/moment.js\/2.29.1\/moment.min.js\"><\/script>\n\n  <script>\n    const imagePlugin = {\n      id: 'customImagePlugin',\n      afterDatasetDraw: (chart, args, options) => {\n        const { ctx, chartArea: { left, top, right, bottom, width, height }, scales: { x, y } } = chart;\n        const imageUrls = options.images;\n\n        chart.data.datasets[0].data.forEach((value, index) => {\n          const xPos = x.getPixelForValue(index);\n          const yPos = y.getPixelForValue(value);\n\n          const img = new Image();\n          img.src = imageUrls[index];\n          img.onload = () => {\n            const imgWidth = 100;\n            const imgHeight = 75;\n            const imgX = xPos - imgWidth \/ 2;\n            const imgY = yPos - imgHeight - 25;\n            ctx.drawImage(img, imgX, imgY, imgWidth, imgHeight);\n          };\n        });\n      }\n    };\n\n    $(document).ready(function () {\n      getDataAndGenerateChart();\n      setInterval(getDataAndGenerateChart, 20000); \/\/ Refresh every 20 seconds\n    });\n\n    var myChart; \/\/ Declare the variable to hold the chart instance\n\n    function getDataAndGenerateChart() {\n      $.ajax({\n        url: \"https:\/\/qcpopulidata.kuisioner.id\/KABUPATEN_BOJONEGORO\/quickcount_line.json\",\n        method: \"GET\",\n        dataType: \"json\",\n        cache: false,\n        success: function (response) {\n          generateChart(response);\n        },\n        error: function (xhr, status, error) {\n          console.error(error);\n        },\n      });\n    }\n\n    function generateChart(data) {\n      var TimeStamp = moment(data.TimeStamp, \"YYYY-MM-DD HH:mm\").format(\"DD-MM-YYYY HH:mm\");\n      var totalSuaraMasuk = data.PersenTotalSuara;\n      $(\"#suaramasuk\").html('Total Suara Masuk : ' + totalSuaraMasuk + '%');\n\n      const candidates = [\n        [\"TEGUH HARYONO - FARIDA HIDAYATI\"],\n        [\"SETYO WAHONO - NURUL AZIZAH\"]\n      ];\n      const percentages = [\n        data.PersenKandidat1,\n        data.PersenKandidat2,\n      ];\n      const images = [\n        'http:\/\/populicenter.org\/wp-content\/uploads\/2024\/11\/paslon_1.png',\n        'http:\/\/populicenter.org\/wp-content\/uploads\/2024\/11\/paslon_2-e1732636463157.png',\n      ];\n\n      \/\/ Destroy the previous chart if it exists\n      if (myChart) {\n        myChart.destroy();\n      }\n\n      const ctx = document.getElementById(\"pilkada\").getContext(\"2d\");\n      myChart = new Chart(ctx, {\n        plugins: [ChartDataLabels, imagePlugin],\n        type: \"bar\",\n        data: {\n          labels: candidates,\n          datasets: [\n            {\n              label: false,\n              data: percentages,\n              backgroundColor: [\n                '#FF0000',\n                '#17a2b8',\n              ],\n              borderColor: [\n                \"rgba(0, 102, 51, 1)\",\n                \"rgba(48, 160, 229, 1)\",\n              ],\n              borderWidth: 1,\n            },\n          ],\n        },\n        options: {\n          maintainAspectRatio: false,\n          responsive: true,\n          height: 900,\n          plugins: {\n            datalabels: {\n              color: \"#fff\",\n              anchor: \"center\",\n              align: \"center\",\n              formatter: (value, context) => {\n                return value + \"%\";\n              },\n            },\n            title: {\n              display: true,\n              text: \"Latest Update: \" + TimeStamp,\n              font: {\n                size: 12\n              }\n            },\n            legend: {\n              display: false, \/\/ Hide legend\n            },\n            customImagePlugin: {\n              images: images,\n            },\n          },\n          scales: {\n            y: {\n              beginAtZero: true,\n              max: 100,\n              title: {\n                display: true,\n                text: \"Percentage (%)\",\n              },\n            },\n          },\n        },\n      });\n    }\n  <\/script>\n\n<script>\n  $(document).ready(function () {\n    getDataAndGenerateChartWilayah();\n    setInterval(getDataAndGenerateChartWilayah, 20000); \/\/ Refresh every 20 seconds\n  });\n\n  var myChartWilayah; \/\/ Declare the variable to hold the chart instance\n\n  function getDataAndGenerateChartWilayah() {\n    $.ajax({\n      url: \"https:\/\/qcpopulidata.kuisioner.id\/KABUPATEN_BOJONEGORO\/quickcount_wilayah.json\",\n      method: \"GET\",\n      dataType: \"json\",\n      cache: false,\n      success: function (response) {\n        generateChartWilayah(response);\n      },\n      error: function (xhr, status, error) {\n        console.error('Error fetching data:', error);\n      },\n    });\n  }\n\n  function generateChartWilayah(data) {\n    if (data && data.length > 0) {\n      var TimeStamp = moment(data[0].TimeStamp, \"YYYY-MM-DD HH:mm\").format(\"DD-MM-YYYY HH:mm\");\n      var totalSuaraMasuk = data[0].PersenTotalSuara;\n     \/\/ $(\"#suaramasuk\").html('Total Suara Masuk : ' + totalSuaraMasuk + '%');\n\n      \/\/ Extracting data\n      const wilayah = data.map((entry) => entry.Wilayah);\n      const percentages1 = data.map((entry) => entry.PersenKandidat1);\n      const percentages2 = data.map((entry) => entry.PersenKandidat2);\n\n      \/\/ Destroy previous chart if it exists\n      if (myChartWilayah) {\n        myChartWilayah.destroy();\n      }\n\n      \/\/ Chart\n      const ctxWilayah = document.getElementById(\"wilayah\").getContext(\"2d\");\n      myChartWilayah = new Chart(ctxWilayah, {\n        plugins: [ChartDataLabels],\n        type: \"bar\",\n        data: {\n          labels: wilayah,\n          datasets: [\n            {\n              label: [\"TEGUH HARYONO - FARIDA HIDAYATI\"],\n              data: percentages1,\n              backgroundColor: '#FF0000', \/\/ Merah\n              borderColor: '#28a745',\n              borderWidth: 1,\n            },\n            {\n              label: [\"SETYO WAHONO - NURUL AZIZAH\"],\n              data: percentages2,\n              backgroundColor: '#17a2b8', \/\/biru\n              borderColor: '#17a2b8',\n              borderWidth: 1,\n            },\n            \n          ],\n        },\n        options: {\n          maintainAspectRatio: false, \/\/ Set to false to allow defining height\n          responsive: true, \/\/ Keep responsiveness if needed\n          \/\/ Set height as desired\n          height: 800,\n          plugins: {\n            datalabels: {\n              color: \"#000000\",\n              anchor: \"center\",\n              align: \"center\",\n              font: {\n                size: 10,\n              },\n              formatter: (value, context) => {\n                return value + \"\";\n              },\n            },\n            title: {\n              display: true,\n              text: \"\" ,\n              font: {\n                size: 20,\n              },\n            },\n            legend: {\n              display: true,\n            },\n          },\n          scales: {\n            y: {\n              beginAtZero: true,\n              max: 100,\n              title: {\n                display: true,\n                text: \"Percentage (%)\",\n              },\n            },\n          },\n        },\n      });\n    } else {\n      console.error('No data available to display.');\n    }\n  }\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb56e88 elementor-widget elementor-widget-html\" data-id=\"eb56e88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Start of Qontak Webchat Script -->\n<script>\n  const qchatInit = document.createElement('script');\n  qchatInit.src = \"https:\/\/webchat.qontak.com\/qchatInitialize.js\";\n  const qchatWidget = document.createElement('script');\n  qchatWidget.src = \"https:\/\/webchat.qontak.com\/js\/app.js\";\n  document.head.prepend(qchatInit);\n  document.head.prepend(qchatWidget);\n  qchatInit.onload = function() { qchatInitialize({\n    id: \"c50830ad-0085-4bd5-9a33-2d932816a2ef\", \n    code: \"UR3G3as8wKT-Csel0t3M5g\"  \n  })};\n<\/script>\n<!-- End of Qontak Webchat Script -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Quick Count Kabupaten Bojonegoro Perolehan Suara Berdasarkan Wilayah<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8017","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/populicenter.org\/en\/wp-json\/wp\/v2\/pages\/8017","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/populicenter.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/populicenter.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/populicenter.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/populicenter.org\/en\/wp-json\/wp\/v2\/comments?post=8017"}],"version-history":[{"count":32,"href":"https:\/\/populicenter.org\/en\/wp-json\/wp\/v2\/pages\/8017\/revisions"}],"predecessor-version":[{"id":9585,"href":"https:\/\/populicenter.org\/en\/wp-json\/wp\/v2\/pages\/8017\/revisions\/9585"}],"wp:attachment":[{"href":"https:\/\/populicenter.org\/en\/wp-json\/wp\/v2\/media?parent=8017"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}