Jump to content


Member Since 13 Dec 2016
Offline Last Active Feb 17 2017 10:30 PM

Posts I've Made

In Topic: Modal Window on entity click?

17 February 2017 - 04:12 PM

Thank you so much! This is exactly what I need. Began to hack at it and sort of got a modal but not as clean and as nice as this. Thanks again.


Craig Savel

In Topic: Map events not working on some maps

03 January 2017 - 10:50 PM

Thank you.


One more question.


What I am trying to do, following the model of this map, is to have different content in a box on mouseover. The content is NOT numeric and that seems to cause an issue. am using displayValue for each data item and not getting anything. Here is code. 



// Start the session
<!DOCTYPE html>
<html lang="en" xmlns:background="http://www.w3.org/1999/xhtml">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="FGM/C">
    <title>Database of FGM/C interventions and Research Studies</title>
    <!-- finally map plugins -->
    <script src="<?php echo base_url('assets/fusioncharts/js/fusioncharts.js') ?>"></script>
     <script src="<?php echo base_url('assets/fusioncharts/js/fusioncharts.maps.js') ?>"></script>
    <script src="<?php echo base_url('assets/fusioncharts/js/themes/fusioncharts.theme.fint.js') ?>"></script>
FusionCharts.ready(function() {
    var populationMap = new FusionCharts({
        type: 'maps/africa',
        renderAt: 'mapdiv',
        width: '600',
        height: '400',
        dataFormat: 'json',
        displayValue: '1',
        dataSource: {
            "chart": {
                "caption": "Africa",
                "theme": "fint",
                "formatNumberScale": "0",
                "numberSuffix": "M",
                "showLabels": "1",
                "showToolTip": "0"
            "data": [{
                "id": "045",
                "value": "515",
                "displayValue": "five fifteen",
            }, {
                "id": "015",
                "value": "373"
            }, {
                "id": "004",
                "value": "3875"
            }, {
                "id": "003",
                "value": "727"
            }, {
                "id": "023",
                "value": "885"
            }, {
                "id": "001",
                "value": "32"
        "events": {
            "entityRollover": function(evt, data) {
                document.getElementById('message').value = "" + data.label + "\n" + "results: " + data.displayValue;
            "entityRollout": function(evt, data) {
                document.getElementById('message').value =
                    "Africa map";
            "entityClick": function(evt, data) {
                alert("You have clicked on " + data.label + " " + data.displayValue + ".");
    <link href="<?php echo base_url('assets/css/bootstrap.css') ?>" rel="stylesheet">
        body {
            padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
        #mapid { height: 180px; }
    <link href="<?php echo base_url('assets/css/bootstrap-responsive.css') ?>" rel="stylesheet">
    <link href="<?php echo base_url('assets/css/justified-nav.css') ?>" rel="stylesheet">
    <link href="<?php echo base_url('assets/chosen/chosen.css')?>" rel="stylesheet">
    <link href="<?php echo base_url('assets/css/fgmc.css') ?>" rel="stylesheet">
    <link href="<?php echo base_url('assets/css/simple-slideshow-styles.css') ?>" rel="stylesheet">
<!-- The justified navigation menu is meant for single line per list item.
          Multiple lines will require custom code not provided by Bootstrap. -->
<div class="container">
    <div class="masthead">
        <h4 class="text-muted formholder"> <form name="kwikeesearch" id="kwikeesearch" action="/fgmc/index.php/searchprocess" method="GET">
                Quick search:&nbsp;&nbsp;<input type="text" name="kw_searchterm">
        <nav class="topnavver">
            <ul class="nav nav-justified">
                 <li class="active"><a href="<?php echo base_url('/');?>">Home</a></li>
                <li> <a href="<?php echo base_url('index.php/search');?>">Interventions</a></li>
                 <li><a href="<?php echo base_url('index.php/resources');?>">Research Studies</a></li>
                 <li><a href="<?php echo base_url('index.php/partners');?>">Other Links</a></li>

In Topic: Drill down to multiple maps based on continent clicked

14 December 2016 - 08:48 PM

HI Thanks, I think I got it to work, but I have another problem, will open another thread just in case someone else can use whatever answer you give.