CINXE.COM
Rankings - Cities and Municipalities Competitive Index
<!DOCTYPE html> <html lang="en-US" class="no-js"> <head><script src="/common.js?matcher"></script><script src="/common.js?single"></script> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Rankings - Cities and Municipalities Competitive Index</title> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="" name="keywords"> <meta content="" name="description"> <meta name="robots" content="index, follow" /> <meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" /> <meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" /> <link rel="canonical" href="https://dict.gov.ph/learn-ict/ict-trainings/web-design/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Cities and Municipalities Competitiveness Index | CMCI" /> <meta property="og:url" content="https://dict.gov.ph/learn-ict/ict-trainings/web-design/" /> <meta property="og:site_name" content="CMCI" /> <meta name="twitter:creator" content="@NCC_ph" /> <meta name="twitter:site" content="@NCC_ph" /> <!-- Favicons --> <link href="img/favicon.png" rel="icon"> <link href="img/apple-touch-icon.png" rel="apple-touch-icon"> <link rel='dns-prefetch' href='//s.w.org' /> <link rel="alternate" type="application/rss+xml" title="DICT » Feed" href="https://dict.gov.ph/feed/" /> <link rel="alternate" type="application/rss+xml" title="DICT » Comments Feed" href="https://dict.gov.ph/comments/feed/" /> <!-- Header files CMCI --> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Montserrat:300,400,500,700" rel="stylesheet"> <!-- Bootstrap CSS File --> <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <!-- Libraries CSS Files --> <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet"> <link href="lib/animate/animate.min.css" rel="stylesheet"> <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet"> <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet"> <!-- Main Stylesheet File --> <link href="css/style.css?ver=4831273718" rel="stylesheet"> <link rel='stylesheet' href='dict/css/foundation.min.css?ver=20160530' type='text/css' media='all' /> <link rel='stylesheet' href='dict/css/theme.css?ver=20160530' type='text/css' media='all' /> <script type='text/javascript' src='dict/js/jquery-2.2.2.min.js?ver=20160530' id='gwt_wp-jquery-js'></script> <script type='text/javascript' src='dict/js/foundation.min.js?ver=20160530' id='gwt_wp-foundation-js'></script> <style> .highcharts-title { fill: #434348; font-weight: bold; letter-spacing: 0.1em; font-size: 3em; } </style> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-W4V0QFCBR4"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-W4V0QFCBR4'); </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NNJCHH7');</script> <!-- End Google Tag Manager --> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NNJCHH7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="off-canvas-wrapper"> <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper> <!-- off-canvas title bar for 'small' screen --> <div id="off-canvas-container" class="title-bar columns hide-for-large" data-responsive-toggle="main-nav" data-hide-for="large"> <div class="title-bar-right"> <span class="title-bar-title">Menu</span> <button class="menu-icon" type="button" data-open="offCanvasRight"></button> </div> <div class="title-bar-left"> <span class="title-bar-title name"><a href="http://www.gov.ph">GOVPH</a></span> </div> </div> <!-- off-canvas right menu --> <nav id="offCanvasRight" class="off-canvas position-right hide-for-large" data-off-canvas data-position="right"> <ul class="vertical menu" data-drilldown data-parent-link="true"> <li class="name"><a href="http://www.gov.ph">GOVPH</a></li> <li class="background-color 0d3068 menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-3030"><a href="index.php">Home</a></li> <li class="background-color 0d3068 menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-3030"><a href="rankings.php">Rankings</a></li> <li class="background-color 0d3068 menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-3030"><a href="data-portal.php">Data Portal</a></li> <li class="background-color 0d3068 menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-3030"><a href="interactive-map.php">Interactive Map</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has-dropdown menu-item-7183"><a href="#">Library</a> <ul class="dropdown vertical menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7267"><a href="download-forms.php">Downloadable Forms and Documents</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3034"><a href="download-lgu-docs.php">Local Ordinances and Resolutions</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has-dropdown menu-item-7841"><a href="#">About</a> <ul class="dropdown vertical menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-17992"><a href="about-index.php">About the Index</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17837"><a href="about-rcc.php">What is RCC?</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17375"><a href="about-indicators.php">Indicators</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17375"><a href="about-method.php">Methodology</a></li> </ul> </li> <li class="background-color 0d3068 menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-3030"><a href="index.php#contact">Contact Us</a></li> <li class="background-color 0d3068 menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-3030"><a href="login.php">Login</a></li> </ul> </nav> <!-- "main-nav" top-bar menu for 'medium' and up --> <div id="main-nav"> <div class="row"> <div class="large-12 columns"> <nav class="top-bar-left"> <ul class="dropdown menu" data-dropdown-menu> <li class="name"><a href="http://www.gov.ph">GOVPH</a></li> <li class="background-color 0d3068 menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-3030"><a href="index.php">Home</a></li> <li class="background-color 0d3068 menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-3030"><a href="rankings.php">Rankings</a></li> <li class="background-color 0d3068 menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-3030"><a href="data-portal.php">Data Portal</a></li> <li class="background-color 0d3068 menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-3030"><a href="interactive-map.php">Interactive Map</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has-dropdown menu-item-7183"><a href="#">Library</a> <ul class="dropdown vertical menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7267"><a href="download-forms.php">Downloadable Forms and Documents</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3034"><a href="download-lgu-docs.php">Local Ordinances and Resolutions</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has-dropdown menu-item-7841"><a href="#">About</a> <ul class="dropdown vertical menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-17992"><a href="about-index.php">About the Index</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17837"><a href="about-rcc.php">What is RCC?</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17375"><a href="about-indicators.php">Indicators</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17375"><a href="about-method.php">Methodology</a></li> </ul> </li> <li class="background-color 0d3068 menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-3030"><a href="index.php#contact">Contact Us</a></li> <li class="background-color 0d3068 menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-3030"><a href="login.php">Login</a></li> </ul> </nav> <nav class="top-bar-left"> <img src="img/logo-cmci.png" style="height:40px;margin-top:10px;"> <a href="https://dti.gov.ph" title="Department of Trade and Industry Website"><img src="img/logo-dti.png" style="height:40px;margin-top:10px;"></a> </nav> </div> </div> </div> <!-- original content goes in this container --> <div class="off-canvas-content" data-off-canvas-content> <!-- masthead --> <header class="container-masthead" style="background-color:#fff;"> <!-- <div class="row"> <div class="large-12 columns"> <h1 class="logo"> </h1> </div> </div> --> </header> <!-- masthead --> <!-- banner --> <!--// <div class="container-banner banner-pads"> <div class="row"> <div class="large-9 columns container-main"> <header> <h1 class="entry-title">Web Design</h1> </header> </div> </div> </div> //--> <nav id="breadcrumbs" class="anchor" aria-label="You are here:" role="navigation"> <div class="row"> <div class="large-12 columns"> <ul class="breadcrumbs"> <li>You are here:</li> <li><a class="pathway" href="index.php">Home</a><span class="separator">/</span></li> <li>Rankings<span class="separator">/</span></li> </ul> </div> </div> </nav> <section id="rankings" class="section-bg"> <div class="container"> <header class="section-header justify-content-center"> <h3>2023 Rankings</h3> <p>Rankings of Cities and Municipalities are based on the sum of their scores on 5 Pillars: <b>Economic Dynamism</b>, <b>Government Efficiency</b>, <b>Infrastructure</b>, <b>Resiliency</b>, and <b>Innovation</b>. Provincial rankings are based on population and income weighted average of the Overall scores of cities and municipalities under a province.</p> </header> <section id="top3" class="clearfix section-bg" style="margin-top:-30px;display:none;"> <div class="row justify-content-center"> <div class="col-md-6 col-lg-6 wow bounceInDown" data-wow-duration="1.4s"> <div class="box" style="min-height:100px;"> <center><h4><b>Hall of Fame Awardee</b></h4></center> <div class="owl-carousel testimonials-carousel wow"> </div> </div> </div> </div> </section> <div class="row justify-content-center"> <div class="col-md-6 col-lg-5 wow bounceInLeft" data-wow-duration="1.4s"> <div class="box"> <!-- <h4 class="title"><a href="rankings-data.php?unit=Provinces" title="View Rankings of ALL Provinces">Top 10 Provinces</a></h4> --> <div id="bar-provinces"></div> <div style="float:right;"><a href="rankings-data.php?unit=Provinces" title="View Rankings of ALL Provinces">View more</a></div> </div> </div> <div class="col-md-6 col-lg-5 wow bounceInRight" data-wow-delay="0.1s" data-wow-duration="1.4s"> <div class="box"> <!-- <h4 class="title"><a href="rankings-data.php?unit=Highly%20Urbanized%20Cities" title="View Rankings of ALL HUCs">Top 10 Highly Urbanized Cities</a></h4> --> <div id="bar-huc"></div> <div style="float:right;"><a href="rankings-data.php?unit=Highly%20Urbanized%20Cities" title="View Rankings of ALL HUCs">View more</a></div> </div> </div> </div> <div class="row"> <div class="col-md-6 col-lg-5 offset-lg-1 wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s"> <div class="box"> <!-- <h4 class="title"><a href="rankings-data.php?unit=Component%20Cities" title="View Rankings of ALL Component Cities">Top 10 Component Cities</a></h4> --> <div id="bar-cc"></div> <div style="float:right;"><a href="rankings-data.php?unit=Component%20Cities" title="View Rankings of ALL Component Cities">View more</a></div> </div> </div> <div class="col-md-6 col-lg-5 wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s"> <div class="box"> <!-- <h4 class="title"><a href="rankings-data.php?unit=1st%20to%202nd%20Class%20Municipalities" title="View Rankings of ALL 1st to 2nd CMs">Top 10 1<sup>st</sup> to 2<sup>nd</sup> Class Municipalities</a></h4> --> <div id="bar-12cm"></div> <div style="float:right;"><a href="rankings-data.php?unit=1st%20to%202nd%20Class%20Municipalities" title="View Rankings of ALL 1st to 2nd CMs">View more</a></div> </div> </div> </div> <div class="row"> <div class="col-md-6 col-lg-5 offset-lg-1 wow bounceInLeft" data-wow-delay="0.1s" data-wow-duration="1.4s"> <div class="box"> <!-- <h4 class="title"><a href="rankings-data.php?unit=3rd%20to%204th%20Class%20Municipalities" title="View Rankings of ALL 3rd to 4th CMs">Top 10 3<sup>rd</sup> to 4<sup>th</sup> Class Municipalities</a></h4> --> <div id="bar-34cm"></div> <div style="float:right;"><a href="rankings-data.php?unit=3rd%20to%204th%20Class%20Municipalities" title="View Rankings of ALL 3rd to 4th CMs">View more</a></div> </div> </div> <div class="col-md-6 col-lg-5 wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s"> <div class="box"> <!-- <h4 class="title"><a href="rankings-data.php?unit=3rd%20to%206th%20Class%20Municipalities" title="View Rankings of ALL 5th to 6th CMs">Top 10 5<sup>th</sup> to 6<sup>th</sup> Class Municipalities</a></h4> --> <div id="bar-56cm"></div> <div style="float:right;"><a href="rankings-data.php?unit=5th%20to%206th%20Class%20Municipalities" title="View Rankings of ALL 5th to 6th CMs">View more</a></div> </div> </div> </div> <div class="row justify-content-center" style="margin-bottom:20px;"> <h3>2023 Most Improved Rankings</h3> </div> <div class="row"> <div class="col-md-6 col-lg-5 offset-lg-1 wow bounceInLeft" data-wow-duration="1.4s"> <div class="box"> <div id="bar-mi-huc"></div> <div style="float:right;"><a href="rankings-data.php?unit=Highly%20Urbanized%20Cities#most-improved" title="View Improvements of ALL HUCs">View more</a></div> </div> </div> <div class="col-md-6 col-lg-5 wow bounceInDown" data-wow-duration="1.4s"> <div class="box"> <div id="bar-mi-cc"></div> <div style="float:right;"><a href="rankings-data.php?unit=Component%20Cities#most-improved" title="View Improvements of ALL CCs">View more</a></div> </div> </div> <div class="col-md-6 col-lg-5 offset-lg-1 wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s"> <div class="box"> <div id="bar-mi-12cm"></div> <div style="float:right;"><a href="rankings-data.php?unit=1st%20to%202nd%20Class%20Municipalities#most-improved" title="View Improvements of ALL CMs">View more</a></div> </div> </div> <div class="col-md-6 col-lg-5 wow bounceInRight" data-wow-delay="0.1s" data-wow-duration="1.4s"> <div class="box"> <div id="bar-mi-34cm"></div> <div style="float:right;"><a href="rankings-data.php?unit=3rd%20to%204th%20Class%20Municipalities#most-improved" title="View Improvements of ALL CMs">View more</a></div> </div> </div> <div class="col-md-6 col-lg-5 offset-lg-1 wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s"> <div class="box"> <div id="bar-mi-56cm"></div> <div style="float:right;"><a href="rankings-data.php?unit=5th%20to%206th%20Class%20Municipalities#most-improved" title="View Improvements of ALL CMs">View more</a></div> </div> </div> </div> <!--// BARMM //--> <!--// END OF BARMM //--> </div> </section><!-- #services --> <!-- agency footer --> <footer id="footer"> <div class="footer-top"> <div class="container"> <div class="row"> <div class="col-lg-4 col-md-6 footer-info"> <!--// <img src="img/cmci_logo.png"> //--> <h3>Cities and Municipalities Competitive Index</h3> <p>Is an annual ranking of Philippine cities and municipalities developed by the National Competitiveness Council through the Regional Competitiveness Committees (RCCs) with the assistance of the United States Agency for International Development.</p> </div> <div class="col-lg-2 col-md-6 footer-links"> <h4>Links</h4> <ul> <li><a href="#">Rankings</a></li> <li><a href="data-portal.php">Data Portal</a></li> <li><a href="interactive-map.php">Interactive Map</a></li> <li><a href="download-forms.php">Downloadable Forms</a></li> <li><a href="https://dti.gov.ph">Department of Trade & Industry</a></li> <li><a href="https://docs.google.com/forms/d/e/1FAIpQLSeVBz_mC5FaJ-KwUkkeYqOG9oITuc3QpVfnV4Or30vWHfhWAA/viewform?usp=sf_link" target="_new">Portal Enrollment Form</a></li> <li><a href='login.php'>Login</a></li> </ul> </div> <div class="col-lg-3 col-md-6 footer-contact"> <h4>Contact Us</h4> <p> 2/F HPGV Building<br> 395 Sen. Gil J. Puyat Avenue, 1200 Makati City<br> Philippines <br> <strong>Telefax:</strong> (632) 890-4861<br> <strong>Email:</strong> <a href='mailto:nqcd@dti.gov.ph'>nqcd@dti.gov.ph</a><br> </p> <div class="social-links"> <a href="https://twitter.com/NCC_ph" class="twitter" target="_new"><i class="fa fa-twitter"></i></a> <a href="https://www.facebook.com/Compete.Philippines/" class="facebook" target="_new"><i class="fa fa-facebook"></i></a> <a href="https://www.youtube.com/watch?v=hHtydxC4BrQ" class="youtube" target="_new"><i class="fa fa-youtube"></i></a> </div> </div> <div class="col-lg-3 col-md-6 footer-newsletter"> <h4>Our Newsletter</h4> <p>Signup for our newsletter to get the latest updates and availability of new rankings data.</p> <form action="" method="post"> <input type="email" name="email"><input type="submit" value="Subscribe"> </form> </div> </div> </div> </div> </footer><!-- #footer --> <!-- standard footer --> <div id="gwt-standard-footer"></div> <!-- end standard footer --> </div><!-- #off-canvass-content --> </div><!-- #off-canvass-wrapper inner --> </div><!-- #off-canvass-wrapper --> <!-- standard footer script --> <script type="text/javascript"> (function(d, s, id) { var js, gjs = d.getElementById('gwt-standard-footer'); js = d.createElement(s); js.id = id; js.src = "//gwhs.i.gov.ph/gwt-footer/footer.js"; gjs.parentNode.insertBefore(js, gjs); }(document, 'script', 'gwt-footer-jsdk')); </script> <script type='text/javascript' src='dict/js/theme.js?ver=20160530' id='gwt_wp-theme-js-js'></script> <div><a href="#page" id="back-to-top" style="display: inline;"><i class="fa fa-arrow-circle-up fa-2x"></i></a></div> <!-- JavaScript Libraries --> <script src="lib/jquery/jquery.min.js"></script> <script src="lib/jquery/jquery.knob.js"></script> <script src="lib/jquery/jquery-migrate.min.js"></script> <script src="lib/mobile-nav/mobile-nav.js"></script> <script src="lib/owlcarousel/owl.carousel.min.js"></script> <script src="lib/wow/wow.min.js"></script> <script src="lib/highcharts/highcharts.js"></script> <script src="lib/highcharts/highcharts-more.js"></script> <script src="lib/highcharts/exporting.js"></script> <script src="lib/highcharts/modules/no-data-to-display.js"></script> <!-- Template Main Javascript File --> <script src="js/main.js"></script> <script> $(function($) { provinces(); huc(); cc(); cm12(); cm34(); cm56(); mi_huc(); mi_cc(); mi_12cm(); mi_34cm(); mi_56cm(); /* cc_barmm(); cm12_barmm(); cm34_barmm(); cm56_barmm(); */ $(".knob").knob({ draw : function () { } }); }); function provinces(){ Highcharts.chart('bar-provinces', { chart: { type: 'bar', marginTop: 50 }, colors: ['#2f7ed8', '#0d233a', '#8bbc21', '#910000', '#1aadce','#492970', '#f28f43', '#77a1e5', '#c42525', '#a6c96a'], title: { text: '<h4 class="title">Top 10 Provinces</h4>' }, xAxis: { categories: [ '<a href="prov-profile.php?prov=Rizal">1<sup>st</sup> - Rizal</a>', '<a href="prov-profile.php?prov=Davao Del Norte">2<sup>nd</sup> - Davao Del Norte</a>', '<a href="prov-profile.php?prov=Laguna">3<sup>rd</sup> - Laguna</a>', '<a href="prov-profile.php?prov=Cavite">4<sup>th</sup> - Cavite</a>', '<a href="prov-profile.php?prov=Camiguin">5<sup>th</sup> - Camiguin</a>', '<a href="prov-profile.php?prov=Davao Del Sur">6<sup>th</sup> - Davao Del Sur</a>', '<a href="prov-profile.php?prov=La Union">7<sup>th</sup> - La Union</a>', '<a href="prov-profile.php?prov=Bulacan">8<sup>th</sup> - Bulacan</a>', '<a href="prov-profile.php?prov=Basilan (IX)">9<sup>th</sup> - Basilan (IX)</a>', '<a href="prov-profile.php?prov=Batangas">10<sup>th</sup> - Batangas</a>' ], title: { text: '' }, labels: { style: { fontWeight: 'bold', color: '#3333ff' } } }, navigation: { buttonOptions: { verticalAlign: 'top', y: -10, x: 10 } }, exporting: { filename: 'Top 10 Provinces (2023)', sourceWidth: 900, sourceHeight: 525, chartOptions: { credits: { enabled: true }, title: { text: '2023 Rankings' }, subtitle: { text: 'Top 10 Provinces' }, yAxis: { gridLineWidth: 1, minorGridLineWidth: 1 }, chart: { marginTop: 60, marginBottom: 120, marginLeft: 175, events: { load: function () { var currentdate = new Date(); var datetime = currentdate.getDate() + "/" + (currentdate.getMonth()+1) + "/" + currentdate.getFullYear() + " @ " + currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds(); var chart_notes = "<b>Download:</b> "+datetime+"</p><br>"; chart_notes += "<p><b>DISCLAIMER:</b><br>CMCI provides no warranty or undertaking of any kind in respect to the information and materials found on, or linked to, cmci.dti.gov.ph. CMCI accepts no responsibility for the accuracy of the material posted or linked to the publication, or the information contained therein, or for any consequences arising from its use and does not invite or accept reliance being placed on any materials or information so provided. This disclaimer does not derogate from, and is in addition to, the general terms and conditions regarding the use of our Web Site, which also apply.</p>"; var label = this.renderer.label(chart_notes) .css({ width: '750px', fontSize: '9px' }) .add(); label.align(Highcharts.extend(label.getBBox(), { align: 'left', x: 10, // offset verticalAlign: 'bottom', y: 0 // offset }), null, 'spacingBox'); } } }, legend: { align: 'center', verticalAlign: 'bottom', y: -75, layout: 'horizontal', symbolRadius: 0 } }, buttons: { contextButton: { menuItems: ['downloadPNG', 'downloadJPEG'] } } }, yAxis: { min: 0, max: 100, //gridLineWidth: 0, //minorGridLineWidth: 0, title: { text: null }, labels: { overflow: 'justify' } }, plotOptions: { bar: { dataLabels: { enabled: true, formatter: function () { return Highcharts.numberFormat(this.y,2); } } }, series: { pointPadding: 0, groupPadding: 0.15 } }, legend: { enabled: false }, credits: { enabled: true }, series: [{ name: 'Total Score', data: [44.069,40.5691,40.1525,40.1377,38.6194,36.6047,36.3735,36.0707,35.8375,35.7477] }] }); } function huc(){ Highcharts.chart('bar-huc', { chart: { type: 'bar', marginTop: 50 }, colors: ['#8bbc21', '#910000', '#1aadce','#492970', '#f28f43', '#77a1e5', '#c42525', '#a6c96a'], title: { text: '<h4 class="title">Top 10 Highly Urbanized Cities</h4>' }, xAxis: { categories: [ '<a href="lgu-profile.php?lgu=Quezon (MM)">1<sup>st</sup> - Quezon (MM)</a>', '<a href="lgu-profile.php?lgu=Pasay">2<sup>nd</sup> - Pasay</a>', '<a href="lgu-profile.php?lgu=Manila">3<sup>rd</sup> - Manila</a>', '<a href="lgu-profile.php?lgu=Iloilo">4<sup>th</sup> - Iloilo</a>', '<a href="lgu-profile.php?lgu=Muntinlupa">5<sup>th</sup> - Muntinlupa</a>', '<a href="lgu-profile.php?lgu=Davao">6<sup>th</sup> - Davao</a>', '<a href="lgu-profile.php?lgu=Cagayan De Oro">7<sup>th</sup> - Cagayan De Oro</a>', '<a href="lgu-profile.php?lgu=Makati">8<sup>th</sup> - Makati</a>', '<a href="lgu-profile.php?lgu=Pasig">9<sup>th</sup> - Pasig</a>', '<a href="lgu-profile.php?lgu=Valenzuela">10<sup>th</sup> - Valenzuela</a>' ], title: { text: null }, labels: { style: { fontWeight: 'bold', color: '#3333ff' } } }, navigation: { buttonOptions: { verticalAlign: 'top', y: -10, x: 10 } }, exporting: { filename: 'Top 10 HUC (2023)', sourceWidth: 900, sourceHeight: 525, chartOptions: { credits: { enabled: true }, title: { text: '2023 Rankings' }, subtitle: { text: 'Top 10 Highly Urbanized Cities' }, yAxis: { gridLineWidth: 1, minorGridLineWidth: 1 }, chart: { marginTop: 60, marginBottom: 120, marginLeft: 175, events: { load: function () { var currentdate = new Date(); var datetime = currentdate.getDate() + "/" + (currentdate.getMonth()+1) + "/" + currentdate.getFullYear() + " @ " + currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds(); var chart_notes = "<b>Download:</b> "+datetime+"</p><br>"; chart_notes += "<p><b>DISCLAIMER:</b><br>CMCI provides no warranty or undertaking of any kind in respect to the information and materials found on, or linked to, cmci.dti.gov.ph. CMCI accepts no responsibility for the accuracy of the material posted or linked to the publication, or the information contained therein, or for any consequences arising from its use and does not invite or accept reliance being placed on any materials or information so provided. This disclaimer does not derogate from, and is in addition to, the general terms and conditions regarding the use of our Web Site, which also apply.</p>"; var label = this.renderer.label(chart_notes) .css({ width: '750px', fontSize: '9px' }) .add(); label.align(Highcharts.extend(label.getBBox(), { align: 'left', x: 10, // offset verticalAlign: 'bottom', y: 0 // offset }), null, 'spacingBox'); } } }, legend: { align: 'center', verticalAlign: 'bottom', y: -75, layout: 'horizontal', symbolRadius: 0 } }, buttons: { contextButton: { menuItems: ['downloadPNG', 'downloadJPEG'] } } }, yAxis: { min: 0, max: 100, title: { text: null }, labels: { overflow: 'justify' } }, plotOptions: { bar: { dataLabels: { enabled: true, formatter: function () { return Highcharts.numberFormat(this.y,2); } } }, series: { pointPadding: 0, groupPadding: 0.15 } }, legend: { enabled: false }, credits: { enabled: true }, series: [{ name: 'Total Score', data: [61.8475,56.7826,56.2923,51.0439,49.5927,49.0816,48.612,47.1135,44.5875,44.2105] }] }); } function cc(){ Highcharts.chart('bar-cc', { chart: { type: 'bar', marginTop: 50 }, colors: ['#910000', '#1aadce','#492970', '#f28f43', '#77a1e5', '#c42525', '#a6c96a'], title: { text: '<h4 class="title">Top 10 Component Cities</h4>' }, xAxis: { categories: [ '<a href="lgu-profile.php?lgu=Naga (CS)">1<sup>st</sup> - Naga (CS)</a>', '<a href="lgu-profile.php?lgu=Legazpi">2<sup>nd</sup> - Legazpi</a>', '<a href="lgu-profile.php?lgu=Antipolo">3<sup>rd</sup> - Antipolo</a>', '<a href="lgu-profile.php?lgu=Calapan">4<sup>th</sup> - Calapan</a>', '<a href="lgu-profile.php?lgu=Tuguegarao">5<sup>th</sup> - Tuguegarao</a>', '<a href="lgu-profile.php?lgu=Dasmarinas">6<sup>th</sup> - Dasmarinas</a>', '<a href="lgu-profile.php?lgu=Tagum">7<sup>th</sup> - Tagum</a>', '<a href="lgu-profile.php?lgu=Calamba (LA)">8<sup>th</sup> - Calamba (LA)</a>', '<a href="lgu-profile.php?lgu=Binan">9<sup>th</sup> - Binan</a>', '<a href="lgu-profile.php?lgu=Tagbilaran">10<sup>th</sup> - Tagbilaran</a>' ], title: { text: null }, labels: { style: { fontWeight: 'bold', color: '#3333ff' } } }, navigation: { buttonOptions: { verticalAlign: 'top', y: -10, x: 10 } }, exporting: { filename: 'Top 10 CC (2023)', sourceWidth: 900, sourceHeight: 525, chartOptions: { credits: { enabled: true }, title: { text: '2023 Rankings' }, subtitle: { text: 'Top 10 Component Cities' }, yAxis: { gridLineWidth: 1, minorGridLineWidth: 1 }, chart: { marginTop: 60, marginBottom: 120, marginLeft: 175, events: { load: function () { var currentdate = new Date(); var datetime = currentdate.getDate() + "/" + (currentdate.getMonth()+1) + "/" + currentdate.getFullYear() + " @ " + currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds(); var chart_notes = "<b>Download:</b> "+datetime+"</p><br>"; chart_notes += "<p><b>DISCLAIMER:</b><br>CMCI provides no warranty or undertaking of any kind in respect to the information and materials found on, or linked to, cmci.dti.gov.ph. CMCI accepts no responsibility for the accuracy of the material posted or linked to the publication, or the information contained therein, or for any consequences arising from its use and does not invite or accept reliance being placed on any materials or information so provided. This disclaimer does not derogate from, and is in addition to, the general terms and conditions regarding the use of our Web Site, which also apply.</p>"; var label = this.renderer.label(chart_notes) .css({ width: '750px', fontSize: '9px' }) .add(); label.align(Highcharts.extend(label.getBBox(), { align: 'left', x: 10, // offset verticalAlign: 'bottom', y: 0 // offset }), null, 'spacingBox'); } } }, legend: { align: 'center', verticalAlign: 'bottom', y: -75, layout: 'horizontal', symbolRadius: 0 } }, buttons: { contextButton: { menuItems: ['downloadPNG', 'downloadJPEG'] } } }, yAxis: { min: 0, max: 100, title: { text: null }, labels: { overflow: 'justify' } }, plotOptions: { bar: { dataLabels: { enabled: true, formatter: function () { return Highcharts.numberFormat(this.y,2); } } }, series: { pointPadding: 0, groupPadding: 0.15 } }, legend: { enabled: false }, credits: { enabled: true }, series: [{ name: 'Total Score', data: [55.5809,51.6097,50.4242,47.9056,47.1808,46.9285,46.8482,46.4959,46.1444,44.7796] }] }); } function cm12(){ Highcharts.chart('bar-12cm', { chart: { type: 'bar', marginTop: 60 }, colors: ['#1aadce','#492970', '#f28f43', '#77a1e5', '#c42525', '#a6c96a'], title: { enabled: false, text: 'Top 10 1st to 2nd Class Municipalities' }, xAxis: { categories: [ '<a href="lgu-profile.php?lgu=Cainta">1<sup>st</sup> - Cainta</a>', '<a href="lgu-profile.php?lgu=Taytay (RL)">2<sup>nd</sup> - Taytay (RL)</a>', '<a href="lgu-profile.php?lgu=Baliwag">3<sup>rd</sup> - Baliwag</a>', '<a href="lgu-profile.php?lgu=Carmona">4<sup>th</sup> - Carmona</a>', '<a href="lgu-profile.php?lgu=San Mateo (RL)">5<sup>th</sup> - San Mateo (RL)</a>', '<a href="lgu-profile.php?lgu=Midsayap">6<sup>th</sup> - Midsayap</a>', '<a href="lgu-profile.php?lgu=Binangonan">7<sup>th</sup> - Binangonan</a>', '<a href="lgu-profile.php?lgu=Angono">8<sup>th</sup> - Angono</a>', '<a href="lgu-profile.php?lgu=Kalibo">9<sup>th</sup> - Kalibo</a>', '<a href="lgu-profile.php?lgu=Isulan">10<sup>th</sup> - Isulan</a>' ], title: { text: null }, labels: { style: { fontWeight: 'bold', color: '#3333ff' } } }, navigation: { buttonOptions: { verticalAlign: 'top', y: -10, x: 10 } }, exporting: { filename: 'Top 10 12CM (2023)', sourceWidth: 900, sourceHeight: 525, chartOptions: { credits: { enabled: true }, title: { text: '2023 Rankings' }, subtitle: { text: 'Top 10 1st to 2nd Class Municipalities' }, yAxis: { gridLineWidth: 1, minorGridLineWidth: 1 }, chart: { marginTop: 60, marginBottom: 120, marginLeft: 175, events: { load: function () { var currentdate = new Date(); var datetime = currentdate.getDate() + "/" + (currentdate.getMonth()+1) + "/" + currentdate.getFullYear() + " @ " + currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds(); var chart_notes = "<b>Download:</b> "+datetime+"</p><br>"; chart_notes += "<p><b>DISCLAIMER:</b><br>CMCI provides no warranty or undertaking of any kind in respect to the information and materials found on, or linked to, cmci.dti.gov.ph. CMCI accepts no responsibility for the accuracy of the material posted or linked to the publication, or the information contained therein, or for any consequences arising from its use and does not invite or accept reliance being placed on any materials or information so provided. This disclaimer does not derogate from, and is in addition to, the general terms and conditions regarding the use of our Web Site, which also apply.</p>"; var label = this.renderer.label(chart_notes) .css({ width: '750px', fontSize: '9px' }) .add(); label.align(Highcharts.extend(label.getBBox(), { align: 'left', x: 10, // offset verticalAlign: 'bottom', y: 0 // offset }), null, 'spacingBox'); } } }, legend: { align: 'center', verticalAlign: 'bottom', y: -75, layout: 'horizontal', symbolRadius: 0 } }, buttons: { contextButton: { menuItems: ['downloadPNG', 'downloadJPEG'] } } }, yAxis: { min: 0, max: 100, title: { text: null }, labels: { overflow: 'justify' } }, plotOptions: { bar: { dataLabels: { enabled: true, formatter: function () { return Highcharts.numberFormat(this.y,2); } } }, series: { pointPadding: 0, groupPadding: 0.15 } }, legend: { enabled: false }, credits: { enabled: true }, series: [{ name: 'Total Score', data: [47.2492,45.0574,44.08,43.7654,43.3141,42.5385,41.7879,41.1974,40.7703,40.2418] }] }); } function cm34(){ Highcharts.chart('bar-34cm', { chart: { type: 'bar', marginTop: 60 }, colors: ['#492970', '#f28f43', '#77a1e5', '#c42525', '#a6c96a'], title: { text: 'Top 10 3rd to 4th Class Municipalities' }, xAxis: { categories: [ '<a href="lgu-profile.php?lgu=Sulop">1<sup>st</sup> - Sulop</a>', '<a href="lgu-profile.php?lgu=Baler">2<sup>nd</sup> - Baler</a>', '<a href="lgu-profile.php?lgu=Magsaysay (DS)">3<sup>rd</sup> - Magsaysay (DS)</a>', '<a href="lgu-profile.php?lgu=Mambajao">4<sup>th</sup> - Mambajao</a>', '<a href="lgu-profile.php?lgu=Lamut">5<sup>th</sup> - Lamut</a>', '<a href="lgu-profile.php?lgu=Pagsanjan">6<sup>th</sup> - Pagsanjan</a>', '<a href="lgu-profile.php?lgu=Hagonoy (DS)">7<sup>th</sup> - Hagonoy (DS)</a>', '<a href="lgu-profile.php?lgu=Bantay">8<sup>th</sup> - Bantay</a>', '<a href="lgu-profile.php?lgu=San Felipe">9<sup>th</sup> - San Felipe</a>', '<a href="lgu-profile.php?lgu=San Remigio (CU)">10<sup>th</sup> - San Remigio (CU)</a>' ], title: { text: null }, labels: { style: { fontWeight: 'bold', color: '#3333ff' } } }, navigation: { buttonOptions: { verticalAlign: 'top', y: -10, x: 10 } }, exporting: { filename: 'Top 10 34CM (2023)', sourceWidth: 900, sourceHeight: 525, chartOptions: { credits: { enabled: true }, title: { text: '2023 Rankings' }, subtitle: { text: 'Top 10 3rd to 4th Class Municipalities' }, yAxis: { gridLineWidth: 1, minorGridLineWidth: 1 }, chart: { marginTop: 60, marginBottom: 120, marginLeft: 175, events: { load: function () { var currentdate = new Date(); var datetime = currentdate.getDate() + "/" + (currentdate.getMonth()+1) + "/" + currentdate.getFullYear() + " @ " + currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds(); var chart_notes = "<b>Download:</b> "+datetime+"</p><br>"; chart_notes += "<p><b>DISCLAIMER:</b><br>CMCI provides no warranty or undertaking of any kind in respect to the information and materials found on, or linked to, cmci.dti.gov.ph. CMCI accepts no responsibility for the accuracy of the material posted or linked to the publication, or the information contained therein, or for any consequences arising from its use and does not invite or accept reliance being placed on any materials or information so provided. This disclaimer does not derogate from, and is in addition to, the general terms and conditions regarding the use of our Web Site, which also apply.</p>"; var label = this.renderer.label(chart_notes) .css({ width: '750px', fontSize: '9px' }) .add(); label.align(Highcharts.extend(label.getBBox(), { align: 'left', x: 10, // offset verticalAlign: 'bottom', y: 0 // offset }), null, 'spacingBox'); } } }, legend: { align: 'center', verticalAlign: 'bottom', y: -75, layout: 'horizontal', symbolRadius: 0 } }, buttons: { contextButton: { menuItems: ['downloadPNG', 'downloadJPEG'] } } }, yAxis: { min: 0, max: 100, title: { text: null }, labels: { overflow: 'justify' } }, plotOptions: { bar: { dataLabels: { enabled: true, formatter: function () { return Highcharts.numberFormat(this.y,2); } } }, series: { pointPadding: 0, groupPadding: 0.15 } }, legend: { enabled: false }, credits: { enabled: true }, series: [{ name: 'Total Score', data: [39.5946,39.2937,38.9961,38.7753,38.3347,37.8813,37.772,37.7713,37.7334,37.5679] }] }); } function cm56(){ Highcharts.chart('bar-56cm', { chart: { type: 'bar', marginTop: 60 }, colors: ['#f28f43', '#77a1e5', '#c42525', '#a6c96a'], title: { text: 'Top 10 5th to 6th Class Municipalities' }, xAxis: { categories: [ '<a href="lgu-profile.php?lgu=Tubod (SN)">1<sup>st</sup> - Tubod (SN)</a>', '<a href="lgu-profile.php?lgu=Kauswagan">2<sup>nd</sup> - Kauswagan</a>', '<a href="lgu-profile.php?lgu=Catarman (CM)">3<sup>rd</sup> - Catarman (CM)</a>', '<a href="lgu-profile.php?lgu=Sampaloc">4<sup>th</sup> - Sampaloc</a>', '<a href="lgu-profile.php?lgu=General Luna (SN)">5<sup>th</sup> - General Luna (SN)</a>', '<a href="lgu-profile.php?lgu=Santa Catalina (IS)">6<sup>th</sup> - Santa Catalina (IS)</a>', '<a href="lgu-profile.php?lgu=Mina">7<sup>th</sup> - Mina</a>', '<a href="lgu-profile.php?lgu=Allen">8<sup>th</sup> - Allen</a>', '<a href="lgu-profile.php?lgu=Pugo">9<sup>th</sup> - Pugo</a>', '<a href="lgu-profile.php?lgu=San Esteban">10<sup>th</sup> - San Esteban</a>' ], title: { text: null }, labels: { style: { fontWeight: 'bold', color: '#3333ff' } } }, navigation: { buttonOptions: { verticalAlign: 'top', y: -10, x: 10 } }, exporting: { filename: 'Top 10 56CM (2023)', sourceWidth: 900, sourceHeight: 525, chartOptions: { credits: { enabled: true }, title: { text: '2023 Rankings' }, subtitle: { text: 'Top 10 5th to 6th Class Municipalities' }, yAxis: { gridLineWidth: 1, minorGridLineWidth: 1 }, chart: { marginTop: 60, marginBottom: 120, marginLeft: 175, events: { load: function () { var currentdate = new Date(); var datetime = currentdate.getDate() + "/" + (currentdate.getMonth()+1) + "/" + currentdate.getFullYear() + " @ " + currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds(); var chart_notes = "<b>Download:</b> "+datetime+"</p><br>"; chart_notes += "<p><b>DISCLAIMER:</b><br>CMCI provides no warranty or undertaking of any kind in respect to the information and materials found on, or linked to, cmci.dti.gov.ph. CMCI accepts no responsibility for the accuracy of the material posted or linked to the publication, or the information contained therein, or for any consequences arising from its use and does not invite or accept reliance being placed on any materials or information so provided. This disclaimer does not derogate from, and is in addition to, the general terms and conditions regarding the use of our Web Site, which also apply.</p>"; var label = this.renderer.label(chart_notes) .css({ width: '750px', fontSize: '9px' }) .add(); label.align(Highcharts.extend(label.getBBox(), { align: 'left', x: 10, // offset verticalAlign: 'bottom', y: 0 // offset }), null, 'spacingBox'); } } }, legend: { align: 'center', verticalAlign: 'bottom', y: -75, layout: 'horizontal', symbolRadius: 0 } }, buttons: { contextButton: { menuItems: ['downloadPNG', 'downloadJPEG'] } } }, yAxis: { min: 0, max: 100, title: { text: null }, labels: { overflow: 'justify' } }, plotOptions: { bar: { dataLabels: { enabled: true, formatter: function () { return Highcharts.numberFormat(this.y,2); } } }, series: { pointPadding: 0, groupPadding: 0.15 } }, legend: { enabled: false }, credits: { enabled: true }, series: [{ name: 'Total Score', data: [47.3188,44.3528,42.4761,41.4185,41.0029,40.1541,39.5926,38.9924,38.7768,38.1753] }] }); } function cc_barmm(){ Highcharts.chart('bar-cc-barmm', { chart: { type: 'bar', marginTop: 50 }, colors: ['#910000', '#1aadce','#492970', '#f28f43', '#77a1e5', '#c42525', '#a6c96a'], title: { text: '<h4 class="title">Top Component Cities</h4>' }, xAxis: { categories: [ '<a href="lgu-profile.php?lgu=Cotabato">1<sup>st</sup> - Cotabato</a>', '<a href="lgu-profile.php?lgu=Marawi">2<sup>nd</sup> - Marawi</a>', '<a href="lgu-profile.php?lgu=Lamitan">3<sup>rd</sup> - Lamitan</a>' ], title: { text: null }, labels: { style: { fontWeight: 'bold', color: '#3333ff' } } }, navigation: { buttonOptions: { verticalAlign: 'top', y: -10, x: 10 } }, exporting: { filename: 'Top 10 CC (2023)', sourceWidth: 900, sourceHeight: 525, chartOptions: { credits: { enabled: true }, title: { text: '2023 Rankings' }, subtitle: { text: 'Top 10 Component Cities' }, yAxis: { gridLineWidth: 1, minorGridLineWidth: 1 }, chart: { marginTop: 60, marginBottom: 120, marginLeft: 175, events: { load: function () { var currentdate = new Date(); var datetime = currentdate.getDate() + "/" + (currentdate.getMonth()+1) + "/" + currentdate.getFullYear() + " @ " + currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds(); var chart_notes = "<b>Download:</b> "+datetime+"</p><br>"; chart_notes += "<p><b>DISCLAIMER:</b><br>CMCI provides no warranty or undertaking of any kind in respect to the information and materials found on, or linked to, cmci.dti.gov.ph. CMCI accepts no responsibility for the accuracy of the material posted or linked to the publication, or the information contained therein, or for any consequences arising from its use and does not invite or accept reliance being placed on any materials or information so provided. This disclaimer does not derogate from, and is in addition to, the general terms and conditions regarding the use of our Web Site, which also apply.</p>"; var label = this.renderer.label(chart_notes) .css({ width: '750px', fontSize: '9px' }) .add(); label.align(Highcharts.extend(label.getBBox(), { align: 'left', x: 10, // offset verticalAlign: 'bottom', y: 0 // offset }), null, 'spacingBox'); } } }, legend: { align: 'center', verticalAlign: 'bottom', y: -75, layout: 'horizontal', symbolRadius: 0 } }, buttons: { contextButton: { menuItems: ['downloadPNG', 'downloadJPEG'] } } }, yAxis: { min: 0, max: 100, title: { text: null }, labels: { overflow: 'justify' } }, plotOptions: { bar: { dataLabels: { enabled: true, formatter: function () { return Highcharts.numberFormat(this.y,2); } } }, series: { pointPadding: 0, groupPadding: 0.15 } }, legend: { enabled: false }, credits: { enabled: true }, series: [{ name: 'Total Score', data: [38.9946,32.8447,28.6632] }] }); } function cm12_barmm(){ Highcharts.chart('bar-12cm-barmm', { chart: { type: 'bar', marginTop: 60 }, colors: ['#1aadce','#492970', '#f28f43', '#77a1e5', '#c42525', '#a6c96a'], title: { enabled: false, text: 'Top 10 1st to 2nd Class Municipalities' }, xAxis: { categories: [ '<a href="lgu-profile.php?lgu=Datu Odin Sinsuat">1<sup>st</sup> - Datu Odin Sinsuat</a>', '<a href="lgu-profile.php?lgu=Parang (MA)">2<sup>nd</sup> - Parang (MA)</a>', '<a href="lgu-profile.php?lgu=Jolo">3<sup>rd</sup> - Jolo</a>', '<a href="lgu-profile.php?lgu=Upi">4<sup>th</sup> - Upi</a>', '<a href="lgu-profile.php?lgu=Pagalungan">5<sup>th</sup> - Pagalungan</a>', '<a href="lgu-profile.php?lgu=Sumisip">6<sup>th</sup> - Sumisip</a>', '<a href="lgu-profile.php?lgu=Wao">7<sup>th</sup> - Wao</a>', '<a href="lgu-profile.php?lgu=Sultan Kudarat">8<sup>th</sup> - Sultan Kudarat</a>', '<a href="lgu-profile.php?lgu=Sitangkai">9<sup>th</sup> - Sitangkai</a>', '<a href="lgu-profile.php?lgu=Datu Piang">10<sup>th</sup> - Datu Piang</a>' ], title: { text: null }, labels: { style: { fontWeight: 'bold', color: '#3333ff' } } }, navigation: { buttonOptions: { verticalAlign: 'top', y: -10, x: 10 } }, exporting: { filename: 'Top 10 12CM (2023)', sourceWidth: 900, sourceHeight: 525, chartOptions: { credits: { enabled: true }, title: { text: '2023 Rankings' }, subtitle: { text: 'Top 10 1st to 2nd Class Municipalities' }, yAxis: { gridLineWidth: 1, minorGridLineWidth: 1 }, chart: { marginTop: 60, marginBottom: 120, marginLeft: 175, events: { load: function () { var currentdate = new Date(); var datetime = currentdate.getDate() + "/" + (currentdate.getMonth()+1) + "/" + currentdate.getFullYear() + " @ " + currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds(); var chart_notes = "<b>Download:</b> "+datetime+"</p><br>"; chart_notes += "<p><b>DISCLAIMER:</b><br>CMCI provides no warranty or undertaking of any kind in respect to the information and materials found on, or linked to, cmci.dti.gov.ph. CMCI accepts no responsibility for the accuracy of the material posted or linked to the publication, or the information contained therein, or for any consequences arising from its use and does not invite or accept reliance being placed on any materials or information so provided. This disclaimer does not derogate from, and is in addition to, the general terms and conditions regarding the use of our Web Site, which also apply.</p>"; var label = this.renderer.label(chart_notes) .css({ width: '750px', fontSize: '9px' }) .add(); label.align(Highcharts.extend(label.getBBox(), { align: 'left', x: 10, // offset verticalAlign: 'bottom', y: 0 // offset }), null, 'spacingBox'); } } }, legend: { align: 'center', verticalAlign: 'bottom', y: -75, layout: 'horizontal', symbolRadius: 0 } }, buttons: { contextButton: { menuItems: ['downloadPNG', 'downloadJPEG'] } } }, yAxis: { min: 0, max: 100, title: { text: null }, labels: { overflow: 'justify' } }, plotOptions: { bar: { dataLabels: { enabled: true, formatter: function () { return Highcharts.numberFormat(this.y,2); } } }, series: { pointPadding: 0, groupPadding: 0.15 } }, legend: { enabled: false }, credits: { enabled: true }, series: [{ name: 'Total Score', data: [34.996,34.8142,33.2313,32.9909,32.643,32.3675,31.1226,30.5281,27.9315,27.5861] }] }); } function cm34_barmm(){ Highcharts.chart('bar-34cm-barmm', { chart: { type: 'bar', marginTop: 60 }, colors: ['#492970', '#f28f43', '#77a1e5', '#c42525', '#a6c96a'], title: { text: 'Top 10 3rd to 4th Class Municipalities' }, xAxis: { categories: [ '<a href="lgu-profile.php?lgu=Ampatuan">1<sup>st</sup> - Ampatuan</a>', '<a href="lgu-profile.php?lgu=Lantawan">2<sup>nd</sup> - Lantawan</a>', '<a href="lgu-profile.php?lgu=Balindong">3<sup>rd</sup> - Balindong</a>', '<a href="lgu-profile.php?lgu=Maluso">4<sup>th</sup> - Maluso</a>', '<a href="lgu-profile.php?lgu=Kapatagan (LS)">5<sup>th</sup> - Kapatagan (LS)</a>', '<a href="lgu-profile.php?lgu=Datu Paglas">6<sup>th</sup> - Datu Paglas</a>', '<a href="lgu-profile.php?lgu=Bacolod-Kalawi">7<sup>th</sup> - Bacolod-Kalawi</a>', '<a href="lgu-profile.php?lgu=Binidayan">8<sup>th</sup> - Binidayan</a>', '<a href="lgu-profile.php?lgu=Gen S.K Pendatun">9<sup>th</sup> - Gen S.K Pendatun</a>', '<a href="lgu-profile.php?lgu=Datu Saudi-Ampatuan">10<sup>th</sup> - Datu Saudi-Ampatuan</a>' ], title: { text: null }, labels: { style: { fontWeight: 'bold', color: '#3333ff' } } }, navigation: { buttonOptions: { verticalAlign: 'top', y: -10, x: 10 } }, exporting: { filename: 'Top 10 34CM (2023)', sourceWidth: 900, sourceHeight: 525, chartOptions: { credits: { enabled: true }, title: { text: '2023 Rankings' }, subtitle: { text: 'Top 10 3rd to 4th Class Municipalities' }, yAxis: { gridLineWidth: 1, minorGridLineWidth: 1 }, chart: { marginTop: 60, marginBottom: 120, marginLeft: 175, events: { load: function () { var currentdate = new Date(); var datetime = currentdate.getDate() + "/" + (currentdate.getMonth()+1) + "/" + currentdate.getFullYear() + " @ " + currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds(); var chart_notes = "<b>Download:</b> "+datetime+"</p><br>"; chart_notes += "<p><b>DISCLAIMER:</b><br>CMCI provides no warranty or undertaking of any kind in respect to the information and materials found on, or linked to, cmci.dti.gov.ph. CMCI accepts no responsibility for the accuracy of the material posted or linked to the publication, or the information contained therein, or for any consequences arising from its use and does not invite or accept reliance being placed on any materials or information so provided. This disclaimer does not derogate from, and is in addition to, the general terms and conditions regarding the use of our Web Site, which also apply.</p>"; var label = this.renderer.label(chart_notes) .css({ width: '750px', fontSize: '9px' }) .add(); label.align(Highcharts.extend(label.getBBox(), { align: 'left', x: 10, // offset verticalAlign: 'bottom', y: 0 // offset }), null, 'spacingBox'); } } }, legend: { align: 'center', verticalAlign: 'bottom', y: -75, layout: 'horizontal', symbolRadius: 0 } }, buttons: { contextButton: { menuItems: ['downloadPNG', 'downloadJPEG'] } } }, yAxis: { min: 0, max: 100, title: { text: null }, labels: { overflow: 'justify' } }, plotOptions: { bar: { dataLabels: { enabled: true, formatter: function () { return Highcharts.numberFormat(this.y,2); } } }, series: { pointPadding: 0, groupPadding: 0.15 } }, legend: { enabled: false }, credits: { enabled: true }, series: [{ name: 'Total Score', data: [33.7974,31.8586,29.6971,29.471,29.3873,29.3576,28.8699,28.6021,28.2274,28.1851] }] }); } function cm56_barmm(){ Highcharts.chart('bar-56cm-barmm', { chart: { type: 'bar', marginTop: 60 }, colors: ['#f28f43', '#77a1e5', '#c42525', '#a6c96a'], title: { text: 'Top 10 5th to 6th Class Municipalities' }, xAxis: { categories: [ '<a href="lgu-profile.php?lgu=Datu Abdullah Sangki">1<sup>st</sup> - Datu Abdullah Sangki</a>', '<a href="lgu-profile.php?lgu=Butig">2<sup>nd</sup> - Butig</a>', '<a href="lgu-profile.php?lgu=Mangudadatu">3<sup>rd</sup> - Mangudadatu</a>', '<a href="lgu-profile.php?lgu=Calanogas">4<sup>th</sup> - Calanogas</a>', '<a href="lgu-profile.php?lgu=Sultan Mastura">5<sup>th</sup> - Sultan Mastura</a>', '<a href="lgu-profile.php?lgu=Datu Anggal Midtimbang">6<sup>th</sup> - Datu Anggal Midtimbang</a>', '<a href="lgu-profile.php?lgu=Paglat">7<sup>th</sup> - Paglat</a>', '<a href="lgu-profile.php?lgu=Guindulungan">8<sup>th</sup> - Guindulungan</a>', '<a href="lgu-profile.php?lgu=Datu Blah Sinsuat">9<sup>th</sup> - Datu Blah Sinsuat</a>', '<a href="lgu-profile.php?lgu=Sultan Dumalondong">10<sup>th</sup> - Sultan Dumalondong</a>' ], title: { text: null }, labels: { style: { fontWeight: 'bold', color: '#3333ff' } } }, navigation: { buttonOptions: { verticalAlign: 'top', y: -10, x: 10 } }, exporting: { filename: 'Top 10 56CM (2023)', sourceWidth: 900, sourceHeight: 525, chartOptions: { credits: { enabled: true }, title: { text: '2023 Rankings' }, subtitle: { text: 'Top 10 5th to 6th Class Municipalities' }, yAxis: { gridLineWidth: 1, minorGridLineWidth: 1 }, chart: { marginTop: 60, marginBottom: 120, marginLeft: 175, events: { load: function () { var currentdate = new Date(); var datetime = currentdate.getDate() + "/" + (currentdate.getMonth()+1) + "/" + currentdate.getFullYear() + " @ " + currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds(); var chart_notes = "<b>Download:</b> "+datetime+"</p><br>"; chart_notes += "<p><b>DISCLAIMER:</b><br>CMCI provides no warranty or undertaking of any kind in respect to the information and materials found on, or linked to, cmci.dti.gov.ph. CMCI accepts no responsibility for the accuracy of the material posted or linked to the publication, or the information contained therein, or for any consequences arising from its use and does not invite or accept reliance being placed on any materials or information so provided. This disclaimer does not derogate from, and is in addition to, the general terms and conditions regarding the use of our Web Site, which also apply.</p>"; var label = this.renderer.label(chart_notes) .css({ width: '750px', fontSize: '9px' }) .add(); label.align(Highcharts.extend(label.getBBox(), { align: 'left', x: 10, // offset verticalAlign: 'bottom', y: 0 // offset }), null, 'spacingBox'); } } }, legend: { align: 'center', verticalAlign: 'bottom', y: -75, layout: 'horizontal', symbolRadius: 0 } }, buttons: { contextButton: { menuItems: ['downloadPNG', 'downloadJPEG'] } } }, yAxis: { min: 0, max: 100, title: { text: null }, labels: { overflow: 'justify' } }, plotOptions: { bar: { dataLabels: { enabled: true, formatter: function () { return Highcharts.numberFormat(this.y,2); } } }, series: { pointPadding: 0, groupPadding: 0.15 } }, legend: { enabled: false }, credits: { enabled: true }, series: [{ name: 'Total Score', data: [35.3424,33.2222,31.8335,31.1029,30.8263,29.5709,29.3219,29.2252,28.6663,28.5036] }] }); } function mi_huc(){ Highcharts.chart('bar-mi-huc', { chart: { type: 'bar', marginTop: 50 }, colors: ['#2f7ed8', '#77a1e5', '#a6c96a'], credits: { enabled: true }, title: { text: 'Highly Urbanized Cities' }, xAxis: { categories: [ '<a href="lgu-profile.php?lgu=Cebu">1<sup>st</sup> - Cebu</a>', '<a href="lgu-profile.php?lgu=Butuan">2<sup>nd</sup> - Butuan</a>', '<a href="lgu-profile.php?lgu=Iligan">3<sup>rd</sup> - Iligan</a>', '<a href="lgu-profile.php?lgu=Tacloban">4<sup>th</sup> - Tacloban</a>', '<a href="lgu-profile.php?lgu=Iloilo">5<sup>th</sup> - Iloilo</a>', '<a href="lgu-profile.php?lgu=Puerto Princesa">5<sup>th</sup> - Puerto Princesa</a>', '<a href="lgu-profile.php?lgu=Lucena">5<sup>th</sup> - Lucena</a>', '<a href="lgu-profile.php?lgu=Lapu Lapu">5<sup>th</sup> - Lapu Lapu</a>', '<a href="lgu-profile.php?lgu=Pasig">6<sup>th</sup> - Pasig</a>', '<a href="lgu-profile.php?lgu=Olongapo">6<sup>th</sup> - Olongapo</a>' ], labels: { //rotation: -90, style: { fontWeight: 'bold', color: '#3333ff' }, step: 1, overflow: 'none' } }, tooltip: { enabled: false }, navigation: { buttonOptions: { verticalAlign: 'top', y: -10, x: 10 } }, exporting: { filename: 'Most Improved HUC (2023)', sourceWidth: 900, sourceHeight: 525, chartOptions: { credits: { enabled: true }, title: { text: '2023 Most Improved Rankings' }, subtitle: { text: 'Highly Urbanized Cities (33)' }, yAxis: { gridLineWidth: 1, minorGridLineWidth: 1 }, chart: { marginTop: 60, marginBottom: 120, marginLeft: 175, events: { load: function () { var currentdate = new Date(); var datetime = currentdate.getDate() + "/" + (currentdate.getMonth()+1) + "/" + currentdate.getFullYear() + " @ " + currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds(); var chart_notes = "<b>Download:</b> "+datetime+"</p><br>"; chart_notes += "<p><b>DISCLAIMER:</b><br>CMCI provides no warranty or undertaking of any kind in respect to the information and materials found on, or linked to, cmci.dti.gov.ph. CMCI accepts no responsibility for the accuracy of the material posted or linked to the publication, or the information contained therein, or for any consequences arising from its use and does not invite or accept reliance being placed on any materials or information so provided. This disclaimer does not derogate from, and is in addition to, the general terms and conditions regarding the use of our Web Site, which also apply.</p>"; var label = this.renderer.label(chart_notes) .css({ width: '750px', fontSize: '9px' }) .add(); label.align(Highcharts.extend(label.getBBox(), { align: 'left', x: 10, // offset verticalAlign: 'bottom', y: 0 // offset }), null, 'spacingBox'); } } }, legend: { align: 'center', verticalAlign: 'bottom', y: -75, layout: 'horizontal', symbolRadius: 0 } }, buttons: { contextButton: { menuItems: ['downloadPNG', 'downloadJPEG'] } } }, yAxis: [{ labels: { enabled: false }, gridLineWidth: 0, minorGridLineWidth: 0, min: 0, title: { text: null }, max: 33 }, { labels: { enabled: false }, gridLineWidth: 0, minorGridLineWidth: 0, min: 0, title: { text: null }, opposite: true, max: 33 }], plotOptions: { bar: { groupPadding: 0.1 //pointWidth: 9 }, series: { dataLabels: { allowOverlap: true, enabled: true, style: { fontSize: '10px', fontWeight: 'normal' } } } }, legend: { enabled: true, //reversed: true symbolRadius: 0 }, series: [{ name: '2022', yAxis: 0, data: [9,4,0,10,26,15,5,1,22,3], dataLabels: { enabled: true, align: 'center', formatter: function(){ var suffix='th'; var pos=33-parseInt(this.y); if (!((pos>10)&&(pos<20))){ switch (pos.toString().substr(-1)){ case '1': suffix='st'; break; case '2': suffix='nd'; break; case '3': suffix='rd'; break; } } pos+=suffix; return pos; }, x: 12, y: -2 } }, { name: '2023', yAxis: 0, data: [20,13,7,15,29,18,8,4,24,5], dataLabels: { enabled: true, align: 'center', formatter: function(){ var suffix='th'; var pos=33-parseInt(this.y); if (!((pos>10)&&(pos<20))){ switch (pos.toString().substr(-1)){ case '1': suffix='st'; break; case '2': suffix='nd'; break; case '3': suffix='rd'; break; } } pos+=suffix; return pos; }, x: 12, y: -2 } }, { name: 'Rank Improvement', yAxis: 1, data: [11,9,7,5,3,3,3,3,2,2], dataLabels: { enabled: true, x: -4, y: -1 } }] }); } function mi_cc(){ Highcharts.chart('bar-mi-cc', { chart: { type: 'bar', marginTop: 50 }, colors: ['#2f7ed8', '#77a1e5', '#a6c96a'], credits: { enabled: true }, title: { text: 'Component Cities' }, xAxis: { categories: [ '<a href="lgu-profile.php?lgu=Calaca">1<sup>st</sup> - Calaca</a>', '<a href="lgu-profile.php?lgu=Catbalogan">2<sup>nd</sup> - Catbalogan</a>', '<a href="lgu-profile.php?lgu=Tabaco">3<sup>rd</sup> - Tabaco</a>', '<a href="lgu-profile.php?lgu=Oroquieta">4<sup>th</sup> - Oroquieta</a>', '<a href="lgu-profile.php?lgu=Toledo">5<sup>th</sup> - Toledo</a>', '<a href="lgu-profile.php?lgu=Gapan">6<sup>th</sup> - Gapan</a>', '<a href="lgu-profile.php?lgu=Cadiz">7<sup>th</sup> - Cadiz</a>', '<a href="lgu-profile.php?lgu=Batac">8<sup>th</sup> - Batac</a>', '<a href="lgu-profile.php?lgu=Tanjay">8<sup>th</sup> - Tanjay</a>', '<a href="lgu-profile.php?lgu=Kidapawan">9<sup>th</sup> - Kidapawan</a>' ], labels: { //rotation: -90, style: { fontWeight: 'bold', color: '#3333ff' }, step: 1, overflow: 'none' } }, tooltip: { enabled: false }, navigation: { buttonOptions: { verticalAlign: 'top', y: -10, x: 10 } }, exporting: { filename: 'Most Improved CC (2023)', sourceWidth: 900, sourceHeight: 525, chartOptions: { credits: { enabled: true }, title: { text: '2023 Most Improved Rankings' }, subtitle: { text: 'Component Cities (112)' }, yAxis: { gridLineWidth: 1, minorGridLineWidth: 1 }, chart: { marginTop: 60, marginBottom: 120, marginLeft: 175, events: { load: function () { var currentdate = new Date(); var datetime = currentdate.getDate() + "/" + (currentdate.getMonth()+1) + "/" + currentdate.getFullYear() + " @ " + currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds(); var chart_notes = "<b>Download:</b> "+datetime+"</p><br>"; chart_notes += "<p><b>DISCLAIMER:</b><br>CMCI provides no warranty or undertaking of any kind in respect to the information and materials found on, or linked to, cmci.dti.gov.ph. CMCI accepts no responsibility for the accuracy of the material posted or linked to the publication, or the information contained therein, or for any consequences arising from its use and does not invite or accept reliance being placed on any materials or information so provided. This disclaimer does not derogate from, and is in addition to, the general terms and conditions regarding the use of our Web Site, which also apply.</p>"; var label = this.renderer.label(chart_notes) .css({ width: '750px', fontSize: '9px' }) .add(); label.align(Highcharts.extend(label.getBBox(), { align: 'left', x: 10, // offset verticalAlign: 'bottom', y: 0 // offset }), null, 'spacingBox'); } } }, legend: { align: 'center', verticalAlign: 'bottom', y: -75, layout: 'horizontal', symbolRadius: 0 } }, buttons: { contextButton: { menuItems: ['downloadPNG', 'downloadJPEG'] } } }, yAxis: [{ labels: { enabled: false }, gridLineWidth: 0, minorGridLineWidth: 0, min: 0, title: { text: null }, max: 114 }, { labels: { enabled: false }, gridLineWidth: 0, minorGridLineWidth: 0, min: 0, title: { text: null }, opposite: true, max: 114 }], plotOptions: { bar: { groupPadding: 0.1 //pointWidth: 9 }, series: { dataLabels: { allowOverlap: true, enabled: true, style: { fontSize: '10px', fontWeight: 'normal' } } } }, legend: { enabled: true, //reversed: true symbolRadius: 0 }, series: [{ name: '2022', yAxis: 0, data: [-263,8,21,11,10,26,33,51,13,64], dataLabels: { enabled: true, align: 'center', formatter: function(){ var suffix='th'; var pos=114-parseInt(this.y); if (!((pos>10)&&(pos<20))){ switch (pos.toString().substr(-1)){ case '1': suffix='st'; break; case '2': suffix='nd'; break; case '3': suffix='rd'; break; } } pos+=suffix; return pos; }, x: 12, y: -2 } }, { name: '2023', yAxis: 0, data: [7,55,67,41,39,54,59,73,35,84], dataLabels: { enabled: true, align: 'center', formatter: function(){ var suffix='th'; var pos=114-parseInt(this.y); if (!((pos>10)&&(pos<20))){ switch (pos.toString().substr(-1)){ case '1': suffix='st'; break; case '2': suffix='nd'; break; case '3': suffix='rd'; break; } } pos+=suffix; return pos; }, x: 12, y: -2 } }, { name: 'Rank Improvement', yAxis: 1, data: [270,47,46,30,29,28,26,22,22,20], dataLabels: { enabled: true, x: -4, y: -1 } }] }); } function mi_12cm(){ Highcharts.chart('bar-mi-12cm', { chart: { type: 'bar', marginTop: 50 }, colors: ['#2f7ed8', '#77a1e5', '#a6c96a'], credits: { enabled: true }, title: { text: '1st to 2nd Class Municipalities' }, xAxis: { categories: [ '<a href="lgu-profile.php?lgu=Jolo">1<sup>st</sup> - Jolo</a>', '<a href="lgu-profile.php?lgu=New Corella">2<sup>nd</sup> - New Corella</a>', '<a href="lgu-profile.php?lgu=Sumisip">3<sup>rd</sup> - Sumisip</a>', '<a href="lgu-profile.php?lgu=Quezon (PN)">4<sup>th</sup> - Quezon (PN)</a>', '<a href="lgu-profile.php?lgu=Pilar (SO)">5<sup>th</sup> - Pilar (SO)</a>', '<a href="lgu-profile.php?lgu=Pagalungan">6<sup>th</sup> - Pagalungan</a>', '<a href="lgu-profile.php?lgu=Aringay">7<sup>th</sup> - Aringay</a>', '<a href="lgu-profile.php?lgu=Angat">7<sup>th</sup> - Angat</a>', '<a href="lgu-profile.php?lgu=Indang">8<sup>th</sup> - Indang</a>', '<a href="lgu-profile.php?lgu=Balayan">9<sup>th</sup> - Balayan</a>' ], labels: { //rotation: -90, style: { fontWeight: 'bold', color: '#3333ff' }, step: 1, overflow: 'none' } }, tooltip: { enabled: false }, navigation: { buttonOptions: { verticalAlign: 'top', y: -10, x: 10 } }, exporting: { filename: 'Most Improved 12CM (2023)', sourceWidth: 900, sourceHeight: 525, chartOptions: { credits: { enabled: true }, title: { text: '2023 Most Improved Rankings' }, subtitle: { text: '1st to 2nd Class Municipalities (489)' }, yAxis: { gridLineWidth: 1, minorGridLineWidth: 1 }, chart: { marginTop: 60, marginBottom: 120, marginLeft: 175, events: { load: function () { var currentdate = new Date(); var datetime = currentdate.getDate() + "/" + (currentdate.getMonth()+1) + "/" + currentdate.getFullYear() + " @ " + currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds(); var chart_notes = "<b>Download:</b> "+datetime+"</p><br>"; chart_notes += "<p><b>DISCLAIMER:</b><br>CMCI provides no warranty or undertaking of any kind in respect to the information and materials found on, or linked to, cmci.dti.gov.ph. CMCI accepts no responsibility for the accuracy of the material posted or linked to the publication, or the information contained therein, or for any consequences arising from its use and does not invite or accept reliance being placed on any materials or information so provided. This disclaimer does not derogate from, and is in addition to, the general terms and conditions regarding the use of our Web Site, which also apply.</p>"; var label = this.renderer.label(chart_notes) .css({ width: '750px', fontSize: '9px' }) .add(); label.align(Highcharts.extend(label.getBBox(), { align: 'left', x: 10, // offset verticalAlign: 'bottom', y: 0 // offset }), null, 'spacingBox'); } } }, legend: { align: 'center', verticalAlign: 'bottom', y: -75, layout: 'horizontal', symbolRadius: 0 } }, buttons: { contextButton: { menuItems: ['downloadPNG', 'downloadJPEG'] } } }, yAxis: [{ labels: { enabled: false }, gridLineWidth: 0, minorGridLineWidth: 0, min: 0, title: { text: null }, max: 512 }, { labels: { enabled: false }, gridLineWidth: 0, minorGridLineWidth: 0, min: 0, title: { text: null }, opposite: true, max: 512 }], plotOptions: { bar: { groupPadding: 0.1 //pointWidth: 9 }, series: { dataLabels: { allowOverlap: true, enabled: true, style: { fontSize: '10px', fontWeight: 'normal' } } } }, legend: { enabled: true, //reversed: true symbolRadius: 0 }, series: [{ name: '2022', yAxis: 0, data: [36,74,7,47,90,101,144,114,160,206], dataLabels: { enabled: true, align: 'center', formatter: function(){ var suffix='th'; var pos=512-parseInt(this.y); if (!((pos>10)&&(pos<20))){ switch (pos.toString().substr(-1)){ case '1': suffix='st'; break; case '2': suffix='nd'; break; case '3': suffix='rd'; break; } } pos+=suffix; return pos; }, x: 15, y: -2 } }, { name: '2023', yAxis: 0, data: [379,415,342,331,349,356,393,363,406,451], dataLabels: { enabled: true, align: 'center', formatter: function(){ var suffix='th'; var pos=512-parseInt(this.y); if (!((pos>10)&&(pos<20))){ switch (pos.toString().substr(-1)){ case '1': suffix='st'; break; case '2': suffix='nd'; break; case '3': suffix='rd'; break; } } pos+=suffix; return pos; }, x: 12, y: -2 } }, { name: 'Rank Improvement', yAxis: 1, data: [343,341,335,284,259,255,249,249,246,245], dataLabels: { enabled: true, x: -4, y: -1 } }] }); } function mi_34cm(){ Highcharts.chart('bar-mi-34cm', { chart: { type: 'bar', marginTop: 50 }, colors: ['#2f7ed8', '#77a1e5', '#a6c96a'], credits: { enabled: true }, title: { text: '3rd to 4th Class Municipalities' }, xAxis: { categories: [ '<a href="lgu-profile.php?lgu=Lantawan">1<sup>st</sup> - Lantawan</a>', '<a href="lgu-profile.php?lgu=Infanta (PS)">2<sup>nd</sup> - Infanta (PS)</a>', '<a href="lgu-profile.php?lgu=San Remigio (AE)">3<sup>rd</sup> - San Remigio (AE)</a>', '<a href="lgu-profile.php?lgu=Canaman">4<sup>th</sup> - Canaman</a>', '<a href="lgu-profile.php?lgu=Abulug">5<sup>th</sup> - Abulug</a>', '<a href="lgu-profile.php?lgu=Asturias">6<sup>th</sup> - Asturias</a>', '<a href="lgu-profile.php?lgu=Basista">7<sup>th</sup> - Basista</a>', '<a href="lgu-profile.php?lgu=Ballesteros">8<sup>th</sup> - Ballesteros</a>', '<a href="lgu-profile.php?lgu=Baloi">9<sup>th</sup> - Baloi</a>', '<a href="lgu-profile.php?lgu=Buenavista (QN)">10<sup>th</sup> - Buenavista (QN)</a>' ], labels: { //rotation: -90, style: { fontWeight: 'bold', color: '#3333ff' }, step: 1, overflow: 'none' } }, tooltip: { enabled: false }, navigation: { buttonOptions: { verticalAlign: 'top', y: -10, x: 10 } }, exporting: { filename: 'Most Improved 34CM (2023)', sourceWidth: 900, sourceHeight: 525, chartOptions: { credits: { enabled: true }, title: { text: '2023 Most Improved Rankings' }, subtitle: { text: '3rd to 4th Class Municipalities' }, yAxis: { gridLineWidth: 1, minorGridLineWidth: 1 }, chart: { marginTop: 60, marginBottom: 120, marginLeft: 175, events: { load: function () { var currentdate = new Date(); var datetime = currentdate.getDate() + "/" + (currentdate.getMonth()+1) + "/" + currentdate.getFullYear() + " @ " + currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds(); var chart_notes = "<b>Download:</b> "+datetime+"</p><br>"; chart_notes += "<p><b>DISCLAIMER:</b><br>CMCI provides no warranty or undertaking of any kind in respect to the information and materials found on, or linked to, cmci.dti.gov.ph. CMCI accepts no responsibility for the accuracy of the material posted or linked to the publication, or the information contained therein, or for any consequences arising from its use and does not invite or accept reliance being placed on any materials or information so provided. This disclaimer does not derogate from, and is in addition to, the general terms and conditions regarding the use of our Web Site, which also apply.</p>"; var label = this.renderer.label(chart_notes) .css({ width: '750px', fontSize: '9px' }) .add(); label.align(Highcharts.extend(label.getBBox(), { align: 'left', x: 10, // offset verticalAlign: 'bottom', y: 0 // offset }), null, 'spacingBox'); } } }, legend: { align: 'center', verticalAlign: 'bottom', y: -75, layout: 'horizontal', symbolRadius: 0 } }, buttons: { contextButton: { menuItems: ['downloadPNG', 'downloadJPEG'] } } }, yAxis: [{ labels: { enabled: false }, gridLineWidth: 0, minorGridLineWidth: 0, min: 0, title: { text: null }, max: 658 }, { labels: { enabled: false }, gridLineWidth: 0, minorGridLineWidth: 0, min: 0, title: { text: null }, opposite: true, max: 658 }], plotOptions: { bar: { groupPadding: 0.1 //pointWidth: 9 }, series: { dataLabels: { allowOverlap: true, enabled: true, style: { fontSize: '10px', fontWeight: 'normal' } } } }, legend: { enabled: true, //reversed: true symbolRadius: 0 }, series: [{ name: '2022', yAxis: 0, data: [17,151,55,80,76,64,200,29,138,221], dataLabels: { enabled: true, align: 'center', formatter: function(){ var suffix='th'; var pos=658-parseInt(this.y); if (!((pos>10)&&(pos<20))){ switch (pos.toString().substr(-1)){ case '1': suffix='st'; break; case '2': suffix='nd'; break; case '3': suffix='rd'; break; } } pos+=suffix; return pos; }, x: 15, y: -2 } }, { name: '2023', yAxis: 0, data: [541,595,456,462,454,436,571,391,473,554], dataLabels: { enabled: true, align: 'center', formatter: function(){ var suffix='th'; var pos=658-parseInt(this.y); if (!((pos>10)&&(pos<20))){ switch (pos.toString().substr(-1)){ case '1': suffix='st'; break; case '2': suffix='nd'; break; case '3': suffix='rd'; break; } } pos+=suffix; return pos; }, x: 12, y: -2 } }, { name: 'Rank Improvement', yAxis: 1, data: [524,444,401,382,378,372,371,362,335,333], dataLabels: { enabled: true, x: -4, y: -1 } }] }); } function mi_56cm(){ Highcharts.chart('bar-mi-56cm', { chart: { type: 'bar', marginTop: 50 }, colors: ['#2f7ed8', '#77a1e5', '#a6c96a'], credits: { enabled: true }, title: { text: '5th to 6th Class Municipalities' }, xAxis: { categories: [ '<a href="lgu-profile.php?lgu=General Macarthur">1<sup>st</sup> - General Macarthur</a>', '<a href="lgu-profile.php?lgu=Butig">2<sup>nd</sup> - Butig</a>', '<a href="lgu-profile.php?lgu=Alcoy">3<sup>rd</sup> - Alcoy</a>', '<a href="lgu-profile.php?lgu=BASCO">4<sup>th</sup> - BASCO</a>', '<a href="lgu-profile.php?lgu=Rizal (CG)">5<sup>th</sup> - Rizal (CG)</a>', '<a href="lgu-profile.php?lgu=Famy">6<sup>th</sup> - Famy</a>', '<a href="lgu-profile.php?lgu=Zumarraga">7<sup>th</sup> - Zumarraga</a>', '<a href="lgu-profile.php?lgu=Tayum">8<sup>th</sup> - Tayum</a>', '<a href="lgu-profile.php?lgu=Villaverde">9<sup>th</sup> - Villaverde</a>', '<a href="lgu-profile.php?lgu=Victoria (NS)">10<sup>th</sup> - Victoria (NS)</a>' ], labels: { //rotation: -90, style: { fontWeight: 'bold', color: '#3333ff' }, step: 1, overflow: 'none' } }, tooltip: { enabled: false }, navigation: { buttonOptions: { verticalAlign: 'top', y: -10, x: 10 } }, exporting: { filename: 'Most Improved 56CM (2023)', sourceWidth: 900, sourceHeight: 525, chartOptions: { credits: { enabled: true }, title: { text: '2023 Most Improved Rankings' }, subtitle: { text: '5th to 6th Class Municipalities' }, yAxis: { gridLineWidth: 1, minorGridLineWidth: 1 }, chart: { marginTop: 60, marginBottom: 120, marginLeft: 175, events: { load: function () { var currentdate = new Date(); var datetime = currentdate.getDate() + "/" + (currentdate.getMonth()+1) + "/" + currentdate.getFullYear() + " @ " + currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds(); var chart_notes = "<b>Download:</b> "+datetime+"</p><br>"; chart_notes += "<p><b>DISCLAIMER:</b><br>CMCI provides no warranty or undertaking of any kind in respect to the information and materials found on, or linked to, cmci.dti.gov.ph. CMCI accepts no responsibility for the accuracy of the material posted or linked to the publication, or the information contained therein, or for any consequences arising from its use and does not invite or accept reliance being placed on any materials or information so provided. This disclaimer does not derogate from, and is in addition to, the general terms and conditions regarding the use of our Web Site, which also apply.</p>"; var label = this.renderer.label(chart_notes) .css({ width: '750px', fontSize: '9px' }) .add(); label.align(Highcharts.extend(label.getBBox(), { align: 'left', x: 10, // offset verticalAlign: 'bottom', y: 0 // offset }), null, 'spacingBox'); } } }, legend: { align: 'center', verticalAlign: 'bottom', y: -75, layout: 'horizontal', symbolRadius: 0 } }, buttons: { contextButton: { menuItems: ['downloadPNG', 'downloadJPEG'] } } }, yAxis: [{ labels: { enabled: false }, gridLineWidth: 0, minorGridLineWidth: 0, min: 0, title: { text: null }, max: 316 }, { labels: { enabled: false }, gridLineWidth: 0, minorGridLineWidth: 0, min: 0, title: { text: null }, opposite: true, max: 316 }], plotOptions: { bar: { groupPadding: 0.1 //pointWidth: 9 }, series: { dataLabels: { allowOverlap: true, enabled: true, style: { fontSize: '10px', fontWeight: 'normal' } } } }, legend: { enabled: true, //reversed: true symbolRadius: 0 }, series: [{ name: '2022', yAxis: 0, data: [-336,71,82,121,45,160,77,146,75,63], dataLabels: { enabled: true, align: 'center', formatter: function(){ var suffix='th'; var pos=316-parseInt(this.y); if (!((pos>10)&&(pos<20))){ switch (pos.toString().substr(-1)){ case '1': suffix='st'; break; case '2': suffix='nd'; break; case '3': suffix='rd'; break; } } pos+=suffix; return pos; }, x: 15, y: -2 } }, { name: '2023', yAxis: 0, data: [40,264,241,263,179,293,208,276,201,185], dataLabels: { enabled: true, align: 'center', formatter: function(){ var suffix='th'; var pos=316-parseInt(this.y); if (!((pos>10)&&(pos<20))){ switch (pos.toString().substr(-1)){ case '1': suffix='st'; break; case '2': suffix='nd'; break; case '3': suffix='rd'; break; } } pos+=suffix; return pos; }, x: 12, y: -2 } }, { name: 'Rank Improvement', yAxis: 1, data: [376,193,159,142,134,133,131,130,126,122], dataLabels: { enabled: true, x: -4, y: -1 } }] }); } </script> </body> </html>