Highcharts 教程尝试一下

安科网

<html>
<head>
<meta charset="UTF-8" />
<title>Highcharts 教程 | 安科教程(www.ancii.com)</title>
<script src="//apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//code.highcharts.com/highcharts.js"></script>
<script src="//code.highcharts.com/modules/treemap.js"></script>
<script src="//code.highcharts.com/modules/heatmap.js"></script>
</head>
<body>
<div id="container" style="width: 550px; height: 400px; margin: 0 auto"></div>
<script language="JavaScript">
$(document).ready(function() {

var data = {
		"South-East Asia": {
			"Sri Lanka": {
				"Communicable & other Group I": "75.5",
					"Injuries": "89.0",
					"Noncommunicable diseases": "501.2"
			},
				"Bangladesh": {
				"Noncommunicable diseases": "548.9",
					"Injuries": "64.0",
					"Communicable & other Group I": "234.6"
			},
				"Myanmar": {
				"Communicable & other Group I": "316.4",
					"Injuries": "102.0",
					"Noncommunicable diseases": "708.7"
			},
				"Maldives": {
				"Injuries": "35.0",
					"Noncommunicable diseases": "487.2",
					"Communicable & other Group I": "59.2"
			},
				"Democratic People's Republic of Korea": {
				"Injuries": "91.9",
					"Noncommunicable diseases": "751.4",
					"Communicable & other Group I": "117.3"
			},
				"Bhutan": {
				"Injuries": "142.2",
					"Noncommunicable diseases": "572.8",
					"Communicable & other Group I": "186.9"
			},
				"Thailand": {
				"Injuries": "72.8",
					"Communicable & other Group I": "123.3",
					"Noncommunicable diseases": "449.1"
			},
				"Nepal": {
				"Noncommunicable diseases": "678.1",
					"Injuries": "88.7",
					"Communicable & other Group I": "251.8"
			},
				"Timor-Leste": {
				"Injuries": "69.2",
					"Noncommunicable diseases": "670.5",
					"Communicable & other Group I": "343.5"
			},
				"India": {
				"Communicable & other Group I": "253.0",
					"Injuries": "115.9",
					"Noncommunicable diseases": "682.3"
			},
				"Indonesia": {
				"Injuries": "49.3",
					"Noncommunicable diseases": "680.1",
					"Communicable & other Group I": "162.4"
			}
		},
			"Europe": {
			"Hungary": {
				"Communicable & other Group I": "16.8",
					"Noncommunicable diseases": "602.8",
					"Injuries": "44.3"
			},
				"Poland": {
				"Communicable & other Group I": "22.6",
					"Noncommunicable diseases": "494.5",
					"Injuries": "48.9"
			},
				"Israel": {
				"Communicable & other Group I": "31.2",
					"Noncommunicable diseases": "311.2",
					"Injuries": "20.8"
			},
				"France": {
				"Communicable & other Group I": "21.4",
					"Noncommunicable diseases": "313.2",
					"Injuries": "34.6"
			},
				"Turkey": {
				"Injuries": "39.1",
					"Communicable & other Group I": "43.9",
					"Noncommunicable diseases": "555.2"
			},
				"Kyrgyzstan": {
				"Communicable & other Group I": "65.8",
					"Injuries": "65.1",
					"Noncommunicable diseases": "835.4"
			},
				"Croatia": {
				"Communicable & other Group I": "12.2",
					"Noncommunicable diseases": "495.8",
					"Injuries": "40.1"
			},
				"Portugal": {
				"Injuries": "25.2",
					"Communicable & other Group I": "39.9",
					"Noncommunicable diseases": "343.3"
			},
				"Greece": {
				"Injuries": "26.5",
					"Noncommunicable diseases": "365.0",
					"Communicable & other Group I": "24.1"
			},
				"Italy": {
				"Injuries": "20.1",
					"Communicable & other Group I": "15.5",
					"Noncommunicable diseases": "303.6"
			},
				"Belgium": {
				"Communicable & other Group I": "27.8",
					"Injuries": "38.9",
					"Noncommunicable diseases": "356.8"
			},
				"Lithuania": {
				"Noncommunicable diseases": "580.6",
					"Communicable & other Group I": "25.5",
					"Injuries": "76.4"
			},
				"Uzbekistan": {
				"Communicable & other Group I": "85.8",
					"Injuries": "47.4",
					"Noncommunicable diseases": "810.9"
			},
				"Serbia": {
				"Communicable & other Group I": "19.4",
					"Injuries": "32.0",
					"Noncommunicable diseases": "657.7"
			},
				"Austria": {
				"Noncommunicable diseases": "359.5",
					"Injuries": "30.6",
					"Communicable & other Group I": "12.6"
			},
				"Bosnia and Herzegovina": {
				"Injuries": "42.4",
					"Noncommunicable diseases": "512.5",
					"Communicable & other Group I": "20.0"
			},
				"Slovakia": {
				"Injuries": "39.1",
					"Communicable & other Group I": "35.3",
					"Noncommunicable diseases": "532.5"
			},
				"The former Yugoslav republic of Macedonia": {
				"Injuries": "24.0",
					"Communicable & other Group I": "16.9",
					"Noncommunicable diseases": "636.5"
			},
				"Sweden": {
				"Communicable & other Group I": "19.3",
					"Noncommunicable diseases": "333.5",
					"Injuries": "26.1"
			},
				"Russian Federation": {
				"Noncommunicable diseases": "790.3",
					"Communicable & other Group I": "73.8",
					"Injuries": "102.8"
			},
				"Republic of Moldova": {
				"Noncommunicable diseases": "787.6",
					"Injuries": "75.7",
					"Communicable & other Group I": "44.5"
			},
				"Ireland": {
				"Injuries": "31.8",
					"Communicable & other Group I": "21.5",
					"Noncommunicable diseases": "343.9"
			},
				"Estonia": {
				"Injuries": "47.0",
					"Communicable & other Group I": "18.5",
					"Noncommunicable diseases": "510.7"
			},
				"Cyprus": {
				"Noncommunicable diseases": "333.0",
					"Injuries": "26.6",
					"Communicable & other Group I": "16.2"
			},
				"Kazakhstan": {
				"Noncommunicable diseases": "949.7",
					"Injuries": "101.6",
					"Communicable & other Group I": "55.3"
			},
				"Netherlands": {
				"Noncommunicable diseases": "355.2",
					"Injuries": "22.3",
					"Communicable & other Group I": "25.5"
			},
				"Finland": {
				"Noncommunicable diseases": "366.6",
					"Injuries": "38.7",
					"Communicable & other Group I": "9.0"
			},
				"Romania": {
				"Noncommunicable diseases": "612.2",
					"Injuries": "40.7",
					"Communicable & other Group I": "38.5"
			},
				"Albania": {
				"Noncommunicable diseases": "671.6",
					"Injuries": "48.0",
					"Communicab