CINXE.COM
Lanao Profile - 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>Lanao Profile - 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.css" rel="stylesheet"> <!-- Libraries CSS Files --> <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet"> <!-- Main Stylesheet File --> <link href="css/style.css?ver=4029155835" rel="stylesheet"> <link href="css/select2.css" type="text/css" 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> <!-- 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>Province Profile<span class="separator">/</span></li> <li><b>Lanao</b><span class="separator">/</span></li> </ul> </div> </div> </nav> <div class="row"> <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12"> <div class="form-group form-group-select2" style="margin-bottom:0px;"> <select style="width:100%;" id="prov" onchange="changeProvince(this.value);"> <option value="">Select Province</option> <option value="Abra">Abra</option> <option value="Agusan del Norte">Agusan del Norte</option> <option value="Agusan del Sur">Agusan del Sur</option> <option value="Aklan">Aklan</option> <option value="Albay">Albay</option> <option value="Antique">Antique</option> <option value="Apayao">Apayao</option> <option value="Aurora">Aurora</option> <option value="Basilan">Basilan</option> <option value="Basilan (IX)">Basilan (IX)</option> <option value="Bataan">Bataan</option> <option value="Batanes">Batanes</option> <option value="Batangas">Batangas</option> <option value="Benguet">Benguet</option> <option value="Biliran">Biliran</option> <option value="Bohol">Bohol</option> <option value="Bukidnon">Bukidnon</option> <option value="Bulacan">Bulacan</option> <option value="Cagayan">Cagayan</option> <option value="Camarines Norte">Camarines Norte</option> <option value="Camarines Sur">Camarines Sur</option> <option value="Camiguin">Camiguin</option> <option value="Capiz">Capiz</option> <option value="Catanduanes">Catanduanes</option> <option value="Cavite">Cavite</option> <option value="Cebu">Cebu</option> <option value="Cotabato (North Cotabato)">Cotabato (North Cotabato)</option> <option value="Davao De Oro">Davao De Oro</option> <option value="Davao del Norte">Davao del Norte</option> <option value="Davao del Sur">Davao del Sur</option> <option value="Davao Occidental">Davao Occidental</option> <option value="Davao Oriental">Davao Oriental</option> <option value="Dinagat Islands">Dinagat Islands</option> <option value="Eastern Samar">Eastern Samar</option> <option value="Guimaras">Guimaras</option> <option value="Ifugao">Ifugao</option> <option value="Ilocos Norte">Ilocos Norte</option> <option value="Ilocos Sur">Ilocos Sur</option> <option value="Iloilo">Iloilo</option> <option value="Isabela">Isabela</option> <option value="Kalinga">Kalinga</option> <option value="La Union">La Union</option> <option value="Laguna">Laguna</option> <option value="Lanao del Norte">Lanao del Norte</option> <option value="Lanao Del Sur">Lanao Del Sur</option> <option value="Leyte">Leyte</option> <option value="Maguindanao">Maguindanao</option> <option value="Maguindanao Del Norte">Maguindanao Del Norte</option> <option value="Maguindanao Del Sur">Maguindanao Del Sur</option> <option value="Marinduque">Marinduque</option> <option value="Masbate">Masbate</option> <option value="Misamis Occidental">Misamis Occidental</option> <option value="Misamis Oriental">Misamis Oriental</option> <option value="Mountain Province">Mountain Province</option> <option value="Negros Occidental">Negros Occidental</option> <option value="Negros Oriental">Negros Oriental</option> <option value="North Cotabato">North Cotabato</option> <option value="Northern Samar">Northern Samar</option> <option value="Nueva Ecija">Nueva Ecija</option> <option value="Nueva Vizcaya">Nueva Vizcaya</option> <option value="Occidental Mindoro">Occidental Mindoro</option> <option value="Oriental Mindoro">Oriental Mindoro</option> <option value="Palawan">Palawan</option> <option value="Pampanga">Pampanga</option> <option value="Pangasinan">Pangasinan</option> <option value="Quezon">Quezon</option> <option value="Quirino">Quirino</option> <option value="Rizal">Rizal</option> <option value="Romblon">Romblon</option> <option value="Samar">Samar</option> <option value="Samar (Western Samar)">Samar (Western Samar)</option> <option value="Sarangani">Sarangani</option> <option value="Siquijor">Siquijor</option> <option value="Sorsogon">Sorsogon</option> <option value="South Cotabato">South Cotabato</option> <option value="Southern Leyte">Southern Leyte</option> <option value="Sultan Kudarat">Sultan Kudarat</option> <option value="Sultan Kudarat">Sultan Kudarat</option> <option value="Sulu">Sulu</option> <option value="Surigao del Norte">Surigao del Norte</option> <option value="Surigao del Sur">Surigao del Sur</option> <option value="Tarlac">Tarlac</option> <option value="Tawi-Tawi">Tawi-Tawi</option> <option value="Western Samar">Western Samar</option> <option value="Zambales">Zambales</option> <option value="Zamboanga del Norte">Zamboanga del Norte</option> <option value="Zamboanga del Sur">Zamboanga del Sur</option> <option value="Zamboanga Sibugay">Zamboanga Sibugay</option> </select> </div> </div> <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-xs-12"> <div class="form-group form-group-select2" style="margin-bottom:0px;"> <select style="width:50%;" id="year" onchange="changeYear(this.value);"> <option value="2024" selected>2024</option> <option value="2023">2023</option> <option value="2022">2022</option> <option value="2021">2021</option> <option value="2020">2020</option> <option value="2019">2019</option> <option value="2018">2018</option> <option value="2017">2017</option> <option value="2016">2016</option> <option value="2015">2015</option> </select> </div> </div> </div> <div class="container"> <!--// PROVINCE PROFILE SUMMARY //--> <div class="row" style="margin-top:0px;"> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="economy-overview-bottom"> <div class="row"> <div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-xs-12"> <img id="prov-logo" src="https://cmci.dti.gov.ph/img/seals/province/Lanao%20Province.png" style="width:100%;margin-top:10px;" alt=""> </div> <div class="col-xl-7 col-lg-7 col-md-7 col-sm-7 col-xs-12 economy-characteristics-table"> <table style="width:100%;"> <tbody> <tr> <th>Province</th> <td style="width:80%;"><a href="interactive-map.php?prov=Lanao" title="View in Interactive Map">Lanao <i class="fa fa-map-marker"></i></a></td> </tr> <tr> <th>Region</th> <td></td> </tr> <tr> <th>Population</th> <td><br /> <b>Warning</b>: number_format() expects parameter 1 to be float, string given in <b>/var/www/cmcweb/prov-profile.php</b> on line <b>246</b><br /> </td> </tr> <tr> <th>Revenue</th> <td><br /> <b>Warning</b>: number_format() expects parameter 1 to be float, string given in <b>/var/www/cmcweb/prov-profile.php</b> on line <b>250</b><br /> </td> </tr> </tbody> </table> </div> <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-xs-12"> <div class="row"> <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-xs-6" style="color:#03a9f4;font-weight:bold;text-align:center;">Rank <center> <table style="border:2px solid #03a9f4;width:40px;height:100px;"> <tr><td style="color:#03a9f4;font-weight:bold;text-align:center;">-</td></tr> <tr><td style="height:70%;background-color:#03a9f4;"> </td></tr> </table> </center> </div> <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div style="height:20px;text-align:center;float:right;"> <div style="color:#03a9f4;font-weight:bold;text-align:center">Score</div> <input class="knob" data-width="100" data-min="0" data-fgColor="#03a9f4" value="0.00" data-readOnly=true > </div> </div> </div> </div> </div> </div> </div> </div> <div class="row" style="margin-top:0px;"> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12" id="tbl-chart"> </div> </div> <div class="row"> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top:20px;"> <div class="alert alert-danger" style="margin-bottom:-10px;"> <b>NOTE:</b> <u>Highly Urbanized Cities</u> are not included in the total score percentage of the Province. </div> </div> </div> <div class="row" style="margin-top:20px;"> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12" id="tbl-data"> <div class="table-responsive" id="data-province"> <table class='table table-hover table-bordered' style="text-align:center;font-size:0.80em;"> <tr> <th style='background-color:#f0f0f0;' align='left'>LGU</th> <th style='background-color:#f0f0f0;' align='left'>Category</th> <th style='background-color:#f0f0f0;' align='right'>Score</th> <th style='background-color:#f0f0f0;' align='right'>Population</th> <th style='background-color:#f0f0f0;' align='right' width='100'>Population Weight (50%)</th> <th style='background-color:#f0f0f0;' align='right'>Revenue</th> <th style='background-color:#f0f0f0;' align='right' width='100'>Revenue Weight (50%)</th> <th style='background-color:#f0f0f0;' align='right' width='100'>Total Percentage</th> <th style='background-color:#f0f0f0;' align='right' width='100'>Provincial Score</th> </tr> <tr style="background-color:#f0f0f0;"> <th colspan='2' align='center' style='font-weight:bold;'>T O T A L S</th> <th> </th> <th align='right'>0</th> <th> </th> <th align='right'>0.00</th> <th> </th> <th align='right'>0.00</th> <th align='right'>0</th> </tr> </table> </div> </div> </div> </div> <!-- 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.php">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 --> <!-- JavaScript Libraries --> <script src="lib/jquery/jquery.min.js"></script> <script src="lib/jquery/jquery.knob.js"></script> <script src="lib/jquery/select2.js"></script> <script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="lib/mobile-nav/mobile-nav.js"></script> <script src="lib/highcharts/highcharts.js"></script> <script src="lib/highcharts/highcharts-more.js"></script> <script src="lib/highcharts/exporting.js"></script> <!-- Template Main Javascript File --> <script src="js/main.js"></script> <script> $(function($) { $(".knob").knob({ draw : function () { } }); $('#prov').select2(); $('#year').select2(); $('#prov-logo').on("error", function() { $(this).attr('src', 'img/empty-seal.png'); }); provChart(); }); function provChart(){ Highcharts.chart('tbl-chart', { chart: { plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false, type: 'pie' }, credits: { enabled: true }, colors: ['#4572A7', '#AA4643', '#89A54E', '#80699B', '#3D96AE', '#DB843D', '#92A8CD', '#A47D7C', '#B5CA92',"#7cb5ec", "#90ed7d", "#f7a35c", "#8085e9", "#f15c80", "#e4d354", "#2b908f", "#f45b5b", "#91e8e1"], title: { text: 'LGU Score Percentage, 2024' }, tooltip: { pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' }, accessibility: { point: { valueSuffix: '%' } }, plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', dataLabels: { enabled: true, format: '<b>{point.name}</b>: {point.percentage:.1f} %' } } }, exporting: { filename: 'LGU Score Percentage, 2024', sourceWidth: 900, sourceHeight: 525, chartOptions: { credits: { enabled: true }, title: { text: 'LGU Score Percentage, 2024' }, subtitle: { text: 'Lanao' }, chart: { marginTop: 60, marginBottom: 120, 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 } }, menuItemDefinitions: { // Custom definition downloadData: { onclick: function () { exportTableToCSV("Lanao LGU Score Percentage.csv","province"); }, text: 'Download Data in CSV' } }, buttons: { contextButton: { menuItems: ['downloadPNG', 'downloadJPEG', 'separator', 'downloadData'] } } }, series: [{ name: 'Score Percentage', colorByPoint: true, data: [ ] }] }); } function changeProvince(province){ document.body.style.cursor="progress"; window.location.href="prov-profile.php?prov="+province; } function changeYear(year){ var prov=document.getElementById("prov").value; document.body.style.cursor="progress"; window.location.href="prov-profile.php?prov="+prov+"&year="+year; } function downloadCSV(csv, filename) { var csvFile; var downloadLink; // CSV file csvFile = new Blob([csv], {type: "text/csv"}); // Download link downloadLink = document.createElement("a"); // File name downloadLink.download = filename; // Create a link to the file downloadLink.href = window.URL.createObjectURL(csvFile); // Hide download link downloadLink.style.display = "none"; // Add the link to DOM document.body.appendChild(downloadLink); // Click download link downloadLink.click(); } function exportTableToCSV(filename,code) { var csv = []; var container = document.querySelector("#data-"+code) var rows = container.querySelectorAll("table tr"); for (var i = 0; i < rows.length; i++) { var row = [], cols = rows[i].querySelectorAll("td, th"); for (var j = 0; j < cols.length; j++){ val=cols[j].innerText.replace(/,/g, ''); row.push(val); } csv.push(row.join(",")); } // Download CSV file downloadCSV(csv.join("\n"), filename); } </script> </body> </html>