{"id":97,"date":"2024-11-29T18:20:52","date_gmt":"2024-11-29T18:20:52","guid":{"rendered":"https:\/\/zorg.kedonext.com\/?page_id=97"},"modified":"2024-11-29T18:20:52","modified_gmt":"2024-11-29T18:20:52","slug":"chart-mdm","status":"publish","type":"page","link":"https:\/\/zorg.kedonext.com\/?page_id=97","title":{"rendered":"Chart MDM"},"content":{"rendered":"\n        <div class=\"bootstrap-v5-0-2\">\r\n                    <form id=\"kedo-form\" action=\"https:\/\/zorg.kedonext.com\/wp-admin\/admin-ajax.php\" method=\"post\" class=\"form mb-2\">\r\n            <div class=\"row\">\r\n                <input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"4b0ca1cca8\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F97\" \/>                <input type=\"hidden\" name=\"action\" value=\"update_filter_data\">\r\n                <input type=\"hidden\" name=\"def_dossier_id\" value=\"4256\">\r\n                <div class='alert alert-warning'>Unsuported field: text<\/div>        <div class=\"col-xs-12 col-md-4 mb-2\">\r\n            <label for=\"86675\">Grupo<\/label>\r\n            <select id=\"_86675\" name=\"86675[]\" multiple>\r\n                <option value=\"\" disabled>Selecteer een Optie<\/option>\r\n                <option  value=\"43378\">G5<\/option><option  value=\"43379\">G4<\/option><option  value=\"43380\">G3<\/option><option  value=\"43381\">G2<\/option><option  value=\"43382\">G1<\/option><option  value=\"43383\">C<\/option>            <\/select>\r\n        <\/div>\r\n        <script>\r\n            displayItems[86675] = new SlimSelect({\r\n                select: \"#_86675\",\r\n                settings: {\r\n                    showSearch: false\r\n                },\r\n                events: {\r\n                    afterChange: (newVal) => {\r\n                    }\r\n                }\r\n            })\r\n        <\/script>\r\n        <div class='alert alert-warning'>Unsuported field: text<\/div>        <div class=\"col-xs-12 col-md-4 mb-2\">\r\n            <label for=\"86770\">Departamento<\/label>\r\n            <select id=\"_86770\" name=\"86770[]\" multiple>\r\n                <option value=\"\" disabled>Selecteer een Optie<\/option>\r\n                <option  value=\"3083162\">91 AMAZONAS<\/option><option  value=\"3083161\">05 ANTIOQUIA<\/option><option  value=\"3083160\">81 ARAUCA<\/option><option  value=\"3083159\">88 ARCHIPI\u00c9LAGO DE SAN ANDR\u00c9S<\/option><option  value=\"3083158\">08 ATL\u00c1NTICO<\/option><option  value=\"3083157\">11 BOGOT\u00c1<\/option><option  value=\"3083156\">13 BOL\u00cdVAR<\/option><option  value=\"3083155\">15 BOYAC\u00c1<\/option><option  value=\"3083154\">CALDAS<\/option><option  value=\"3083153\">CAQUET\u00c1<\/option><option  value=\"3083152\">CASANARE<\/option><option  value=\"3083151\">CAUCA<\/option><option  value=\"3083150\">CESAR<\/option><option  value=\"3083149\">CHOC\u00d3<\/option><option  value=\"3083148\">C\u00d3RDOBA<\/option><option  value=\"3083147\">CUNDINAMARCA<\/option><option  value=\"3083146\">GUAIN\u00cdA<\/option><option  value=\"3083145\">GUAVIARE<\/option><option  value=\"3083144\">HUILA<\/option><option  value=\"3083143\">LA GUAJIRA<\/option><option  value=\"3083142\">MAGDALENA<\/option><option  value=\"3083141\">META<\/option><option  value=\"3083140\">NARI\u00d1O<\/option><option  value=\"3083139\">NORTE DE SANTANDER<\/option><option  value=\"3083138\">PUTUMAYO<\/option><option  value=\"3083137\">QUINDIO<\/option><option  value=\"3083136\">RISARALDA<\/option><option  value=\"3083135\">SANTANDER<\/option><option  value=\"3083134\">SUCRE<\/option><option  value=\"3083133\">TOLIMA<\/option><option  value=\"3083132\">VALLE DEL CAUCA<\/option><option  value=\"3083131\">VAUP\u00c9S<\/option><option  value=\"3083130\">VICHADA<\/option>            <\/select>\r\n        <\/div>\r\n        <script>\r\n            displayItems[86770] = new SlimSelect({\r\n                select: \"#_86770\",\r\n                settings: {\r\n                    showSearch: false\r\n                },\r\n                events: {\r\n                    afterChange: (newVal) => {\r\n                    }\r\n                }\r\n            })\r\n        <\/script>\r\n                <div class=\"col-xs-12 col-md-4 mb-2\">\r\n            <label for=\"86671\">Periodo<\/label>\r\n            <select id=\"_86671\" name=\"86671[]\" multiple>\r\n                <option value=\"\" disabled>Selecteer een Optie<\/option>\r\n                <option  value=\"43384\">2021<\/option><option  value=\"43385\">2022<\/option>            <\/select>\r\n        <\/div>\r\n        <script>\r\n            displayItems[86671] = new SlimSelect({\r\n                select: \"#_86671\",\r\n                settings: {\r\n                    showSearch: false\r\n                },\r\n                events: {\r\n                    afterChange: (newVal) => {\r\n                    }\r\n                }\r\n            })\r\n        <\/script>\r\n                <div class=\"col-xs-12 col-md-4 mb-2\">\r\n            <label for=\"86771\">Municipio<\/label>\r\n            <select id=\"_86771\" name=\"86771[]\" multiple>\r\n                <option value=\"\" disabled>Selecteer een Optie<\/option>\r\n                <option  value=\"3084266\">PUERTO NARI\u00d1O<\/option><option  value=\"3084265\">LETICIA<\/option><option  value=\"3084264\">ZARAGOZA<\/option><option  value=\"3084263\">YOND\u00d3 (CASABE)<\/option><option  value=\"3084262\">YOLOMB\u00d3<\/option><option  value=\"3084261\">YARUMAL<\/option><option  value=\"3084260\">YAL\u00cd<\/option><option  value=\"3084259\">VENECIA <\/option><option  value=\"3084258\">VALPARA\u00cdSO <\/option><option  value=\"3084257\">TOLEDO <\/option><option  value=\"3084256\">SANTUARIO <\/option><option  value=\"3084255\">SANTA B\u00c1RBARA <\/option><option  value=\"3084254\">SAN LUIS <\/option><option  value=\"3084253\">VIG\u00cdA DEL FUERTE<\/option><option  value=\"3084252\">SAN FRANCISCO <\/option><option  value=\"3084251\">SAN CARLOS <\/option><option  value=\"3084250\">VEGACH\u00cd<\/option><option  value=\"3084249\">SABANALARGA <\/option><option  value=\"3084248\">RIONEGRO <\/option><option  value=\"3084247\">VALDIVIA<\/option><option  value=\"3084246\">URRAO<\/option><option  value=\"3084245\">URAMITA<\/option><option  value=\"3084244\">TURBO<\/option><option  value=\"3084243\">NARI\u00d1O <\/option><option  value=\"3084242\">LA UNI\u00d3N <\/option><option  value=\"3084241\">TITIRIB\u00cd<\/option><option  value=\"3084240\">TARSO<\/option><option  value=\"3084239\">TARAZ\u00c1<\/option><option  value=\"3084238\">T\u00c1MESIS<\/option><option  value=\"3084237\">JERIC\u00d3 <\/option><option  value=\"3084236\">GUADALUPE <\/option><option  value=\"3084235\">GRANADA <\/option><option  value=\"3084234\">EL PE\u00d1OL <\/option><option  value=\"3084233\">CONCORDIA <\/option><option  value=\"3084232\">SOPETR\u00c1N<\/option><option  value=\"3084231\">SONS\u00d3N<\/option><option  value=\"3084230\">SEGOVIA<\/option><option  value=\"3084229\">CONCEPCI\u00d3N <\/option><option  value=\"3084228\">CALDAS <\/option><option  value=\"3084227\">SANTO DOMINGO<\/option><option  value=\"3084226\">BRICE\u00d1O <\/option><option  value=\"3084225\">BETULIA <\/option><option  value=\"3084224\">SANTAFE DE ANTIOQUIA<\/option><option  value=\"3084223\">SANTA ROSA DE OSOS<\/option><option  value=\"3084222\">BARBOSA <\/option><option  value=\"3084221\">ARGELIA <\/option><option  value=\"3084220\">SAN VICENTE<\/option><option  value=\"3084219\">SAN ROQUE<\/option><option  value=\"3084218\">SAN RAFAEL<\/option><option  value=\"3084217\">SAN PEDRO DE URABA<\/option>            <\/select>\r\n        <\/div>\r\n        <script>\r\n            displayItems[86771] = new SlimSelect({\r\n                select: \"#_86771\",\r\n                settings: {\r\n                    showSearch: false\r\n                },\r\n                events: {\r\n                    afterChange: (newVal) => {\r\n                    }\r\n                }\r\n            })\r\n        <\/script>\r\n                    <\/div>\r\n            <button class=\"btn btn-primary mt-2\" type=\"submit\">Filteren<\/button>\r\n            <button class=\"btn btn-warning mt-2\" type=\"button\" onclick=\"location.reload();\">Verwijderen<\/button>\r\n                    <\/form>\r\n        <div id=\"loading\" class=\"d-flex justify-content-center align-items-center\" style=\"height: 100vh; position: fixed; top: 0; left: 0; width: 100%; background: rgba(255, 255, 255, 0.8); z-index: 9999;\">\r\n            <div class=\"spinner-border\" role=\"status\">\r\n            <\/div>\r\n        <\/div>\r\n                    <div class=\"d-flex justify-content-between\">\r\n                <div>\r\n                    <h2>Chart<\/h2>\r\n                    <p><i><\/i><\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"chart-container\">\r\n                <div id=\"chart\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <script>\r\n            document.addEventListener('DOMContentLoaded', function() {\r\n                let chart;\r\n\r\n                ajaxFormHandler.registerCallback('6a068b476459b', (data) => {\r\n                    if (chart) {\r\n                        chart.destroy();\r\n                    }\r\n\r\n                    var options = {\r\n                        chart: {\r\n                            type: 'bar',\r\n                            height: 350\r\n                        },\r\n                        plotOptions: {\r\n                            bar: {\r\n                                columnWidth: '55%',\r\n                                horizontal: false,\r\n                                endingShape: 'rounded'\r\n                            }\r\n                        },\r\n                        dataLabels: {\r\n                            enabled: true\r\n                        },\r\n                        fill: {\r\n                            opacity: 1\r\n                        },\r\n                        noData: {\r\n                            text: 'No data found.'\r\n                        },\r\n                        ...data\r\n                    };\r\n                    chart = new ApexCharts(document.querySelector(\"#chart\"), options);\r\n                    chart.render();\r\n                });\r\n            })\r\n        <\/script>\r\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-97","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zorg.kedonext.com\/index.php?rest_route=\/wp\/v2\/pages\/97","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zorg.kedonext.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zorg.kedonext.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zorg.kedonext.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/zorg.kedonext.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=97"}],"version-history":[{"count":1,"href":"https:\/\/zorg.kedonext.com\/index.php?rest_route=\/wp\/v2\/pages\/97\/revisions"}],"predecessor-version":[{"id":98,"href":"https:\/\/zorg.kedonext.com\/index.php?rest_route=\/wp\/v2\/pages\/97\/revisions\/98"}],"wp:attachment":[{"href":"https:\/\/zorg.kedonext.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}