Difference between revisions of "Team:Manchester/Collaborations"

Line 8: Line 8:
 
</div>
 
</div>
  
<script src="https://www.amcharts.com/lib/3/ammap.js" type="text/javascript"></script>
 
<script src="https://www.amcharts.com/lib/3/maps/js/worldHigh.js" type="text/javascript"></script>
 
<script src="https://www.amcharts.com/lib/3/themes/dark.js" type="text/javascript"></script>
 
<div id="mapdiv" style="width: 1000px; height: 450px;"></div>
 
  
<script type="text/javascript">
+
<div class="collab" style="padding: 0px 10vw; border: 3px solid transparent; background-color: #ffffff">
var map = AmCharts.makeChart("mapdiv",{
+
 
type: "map",
+
  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
theme: "dark",
+
  <script>
projection: "mercator",
+
    google.charts.load('current', { 'packages': ['map'] });
panEventsEnabled : true,
+
    google.charts.setOnLoadCallback(drawMap);
backgroundColor : "#2E69FF",
+
 
backgroundAlpha : 1,
+
    function drawMap() {
zoomControl: {
+
      var data = google.visualization.arrayToDataTable([
zoomControlEnabled : true
+
        ['Country', 'Population'],
},
+
        ['China', 'China: 1,363,800,000'],
dataProvider : {
+
        ['India', 'India: 1,242,620,000'],
map : "worldHigh",
+
        ['US', 'US: 317,842,000'],
getAreasFromMap : true,
+
        ['Indonesia', 'Indonesia: 247,424,598'],
areas :
+
        ['Brazil', 'Brazil: 201,032,714'],
[
+
        ['Pakistan', 'Pakistan: 186,134,000'],
{
+
        ['Nigeria', 'Nigeria: 173,615,000'],
"id": "GB",
+
        ['Bangladesh', 'Bangladesh: 152,518,015'],
"showAsSelected": true
+
        ['Russia', 'Russia: 146,019,512'],
},
+
        ['Japan', 'Japan: 127,120,000']
{
+
      ]);
"id": "CA",
+
 
"showAsSelected": true
+
    var options = {
},
+
      showTooltip: true,
{
+
      showInfoWindow: true
"id": "US",
+
    };
"showAsSelected": true
+
 
},
+
    var map = new google.visualization.Map(document.getElementById('chart_div'));
{
+
 
"id": "BR",
+
    map.draw(data, options);
"showAsSelected": true
+
  };
},
+
  </script>
{
+
 
"id": "CL",
+
    <div id="chart_div"></div>
"showAsSelected": true
+
 
},
+
</div>
{
+
"id": "IN",
+
"showAsSelected": true
+
},
+
{
+
"id": "ID",
+
"showAsSelected": true
+
},
+
{
+
"id": "JP",
+
"showAsSelected": true
+
},
+
{
+
"id": "KR",
+
"showAsSelected": true
+
},
+
{
+
"id": "AU",
+
"showAsSelected": true
+
}
+
]
+
},
+
areasSettings : {
+
autoZoom : false,
+
color : "#BABABA",
+
colorSolid : "#66FF8A",
+
selectedColor : "#66FF8A",
+
outlineColor : "#666666",
+
rollOverColor : "#9EC2F7",
+
rollOverOutlineColor : "#000000"
+
}
+
});
+
</script>
+
  
  

Revision as of 18:44, 6 October 2017





Coming Soon...