2020-03-27 11:56:23 +00:00
|
|
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<title>Indonesia Map</title>
|
|
|
|
|
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
|
|
|
|
|
<style src="map.css" type="text/css"></style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="container" width="600px" height="200px"></div>
|
|
|
|
|
</body>
|
|
|
|
|
<script src="https://code.highcharts.com/maps/highmaps.js"></script>
|
|
|
|
|
<script src="https://code.highcharts.com/maps/modules/exporting.js"></script>
|
|
|
|
|
<script src="https://code.highcharts.com/mapdata/countries/id/id-all.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
var data = [
|
2020-03-28 09:47:14 +00:00
|
|
|
['id-ac', 4], //Aceh
|
|
|
|
|
['id-jt', 55], //Jawa Tengah
|
2020-03-27 11:56:23 +00:00
|
|
|
['id-be', 0], //Bengkulu
|
2020-03-28 09:47:14 +00:00
|
|
|
['id-bt', 103], //Banten
|
|
|
|
|
['id-kb', 3], //Kalimantan Barat
|
2020-03-27 11:56:23 +00:00
|
|
|
['id-bb', 0], //Bangka Belitung
|
2020-03-28 09:47:14 +00:00
|
|
|
['id-ba', 9], //Bali
|
|
|
|
|
['id-ji', 77], //jawa Timur
|
2020-03-27 11:56:23 +00:00
|
|
|
['id-ks', 1], //Kalimantan Selatan
|
|
|
|
|
['id-nt', 0], //NTT
|
2020-03-28 09:47:14 +00:00
|
|
|
['id-se', 33], //Sulawesi Selatan
|
|
|
|
|
['id-kr', 5], //Kep.Riau
|
|
|
|
|
['id-ib', 2], //Irian Jaya Barat
|
|
|
|
|
['id-su', 8], //Sumatera Utara
|
2020-03-27 11:56:23 +00:00
|
|
|
['id-ri', 1], //Riau
|
2020-03-28 09:47:14 +00:00
|
|
|
['id-sw', 2], //Sulawesi Utara
|
|
|
|
|
['id-ku', 2], //Kalimantan Utara
|
|
|
|
|
['id-la', 1], //Maluku Utara
|
|
|
|
|
['id-sb', 5], //Sumatera Barat
|
2020-03-27 11:56:23 +00:00
|
|
|
['id-ma', 1], //Maluku
|
2020-03-28 09:47:14 +00:00
|
|
|
['id-nb', 2], //NTB
|
2020-03-27 11:56:23 +00:00
|
|
|
['id-sg', 3], //Sulawesi Tenggara
|
2020-03-28 09:47:14 +00:00
|
|
|
['id-st', 2], //Sulawesi Tengah
|
|
|
|
|
['id-pa', 7], //Irian jaya
|
|
|
|
|
['id-jr', 119], //Jawa Barat
|
|
|
|
|
['id-ki', 17], //Kalimantan timur
|
|
|
|
|
['id-1024', 4], //Lampung
|
|
|
|
|
['id-jk', 627], //Jakarta
|
2020-03-27 11:56:23 +00:00
|
|
|
['id-go', 0], //Gorontalo
|
2020-03-28 09:47:14 +00:00
|
|
|
['id-yo', 22], //Jogjakarta
|
|
|
|
|
['id-sl', 2], //Sumatera Selatan
|
2020-03-27 11:56:23 +00:00
|
|
|
['id-sr', 0], //Sulawesi Barat
|
2020-03-28 09:47:14 +00:00
|
|
|
['id-ja', 1], //Jambi
|
|
|
|
|
['id-kt', 7] //kalimantan tengah
|
2020-03-27 11:56:23 +00:00
|
|
|
];
|
|
|
|
|
|
|
|
|
|
// Create the chart
|
|
|
|
|
Highcharts.mapChart('container', {
|
|
|
|
|
chart: {
|
|
|
|
|
map: 'countries/id/id-all'
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
title: {
|
|
|
|
|
text: 'Corona Virus Indonesia'
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
subtitle: {
|
|
|
|
|
text: 'Source map: <a href="http://code.highcharts.com/mapdata/countries/id/id-all.js">Indonesia</a>'
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
mapNavigation: {
|
|
|
|
|
enabled: true,
|
|
|
|
|
buttonOptions: {
|
|
|
|
|
verticalAlign: 'bottom'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
colorAxis: {
|
|
|
|
|
min: 0
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
series: [{
|
|
|
|
|
data: data,
|
|
|
|
|
name: 'Positif',
|
|
|
|
|
states: {
|
|
|
|
|
hover: {
|
|
|
|
|
color: '#BADA55'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
dataLabels: {
|
|
|
|
|
enabled: true,
|
|
|
|
|
format: '{point.name}'
|
|
|
|
|
}
|
|
|
|
|
}]
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
</html>
|
