案例：Highcharts案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<html>
2
<head>
3
<meta charset="UTF-8" />
4
<title>Highcharts 教程 | W3xue教程(w3xue.com)</title>
5
<script src="/js/jquery-2.1.4.min.js"></script>
6
<script src="https://code.highcharts.com/highcharts.js"></script>
7
<script src="https://code.highcharts.com/modules/treemap.js"></script>
8
<script src="https://code.highcharts.com/modules/heatmap.js"></script>
9
</head>
10
<body>
11
<div id="container" style="width: 550px; height: 400px; margin: 0 auto"></div>
12
<script language="JavaScript">
13
$(document).ready(function() {
14
​
15
    var data = {
16
        "South-East Asia": {
17
            "Sri Lanka": {
18
                "Communicable & other Group I": "75.5",
19
                    "Injuries": "89.0",
20
                    "Noncommunicable diseases": "501.2"
21
            },
22
                "Bangladesh": {
23
                "Noncommunicable diseases": "548.9",
24
                    "Injuries": "64.0",
25
                    "Communicable & other Group I": "234.6"
26
            },
27
                "Myanmar": {
28
                "Communicable & other Group I": "316.4",
29
                    "Injuries": "102.0",
30
                    "Noncommunicable diseases": "708.7"
31
            },
32
                "Maldives": {
33
                "Injuries": "35.0",
34
                    "Noncommunicable diseases": "487.2",
35
                    "Communicable & other Group I": "59.2"
36
            },
37
                "Democratic People's Republic of Korea": {
38
                "Injuries": "91.9",
39
                    "Noncommunicable diseases": "751.4",
40
                    "Communicable & other Group I": "117.3"
41
            },
42
                "Bhutan": {
43
                "Injuries": "142.2",
44
                    "Noncommunicable diseases": "572.8",
45
                    "Communicable & other Group I": "186.9"
46
            },
47
                "Thailand": {
48
                "Injuries": "72.8",