1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
| <!DOCTYPE HTML>
| <html>
| <head>
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
| <title>Highcharts Example</title>
|
| <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
| <script type="text/javascript">
| $(function () {
| $('#container').highcharts({
| chart: {
| type: 'column',
| margin: [ 50, 50, 100, 80]
| },
| title: {
| text: 'World\'s largest cities per 2008'
| },
| xAxis: {
| categories: [
| 'Tokyo',
| 'Jakarta',
| 'New York',
| 'Seoul',
| 'Manila',
| 'Mumbai',
| 'Sao Paulo',
| 'Mexico City',
| 'Dehli',
| 'Osaka',
| 'Cairo',
| 'Kolkata',
| 'Los Angeles',
| 'Shanghai',
| 'Moscow',
| 'Beijing',
| 'Buenos Aires',
| 'Guangzhou',
| 'Shenzhen',
| 'Istanbul'
| ],
| labels: {
| rotation: -45,
| align: 'right',
| style: {
| fontSize: '13px',
| fontFamily: 'Verdana, sans-serif'
| }
| }
| },
| yAxis: {
| min: 0,
| title: {
| text: 'Population (millions)'
| }
| },
| legend: {
| enabled: false
| },
| tooltip: {
| formatter: function() {
| return '<b>'+ this.x +'</b><br/>'+
| 'Population in 2008: '+ Highcharts.numberFormat(this.y, 1) +
| ' millions';
| }
| },
| series: [{
| name: 'Population',
| data: [34.4, 21.8, 20.1, 20, 19.6, 19.5, 19.1, 18.4, 18,
| 17.3, 16.8, 15, 14.7, 14.5, 13.3, 12.8, 12.4, 11.8,
| 11.7, 11.2],
| dataLabels: {
| enabled: true,
| rotation: -90,
| color: '#FFFFFF',
| align: 'right',
| x: 4,
| y: 10,
| style: {
| fontSize: '13px',
| fontFamily: 'Verdana, sans-serif'
| }
| }
| }]
| });
| });
|
|
| </script>
| </head>
| <body>
| <script src="../../js/highcharts.js"></script>
| <script src="../../js/modules/exporting.js"></script>
|
| <div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
|
| </body>
| </html>
|
|
