| 875 |
lars |
1 |
<!DOCTYPE HTML>
|
|
|
2 |
<html>
|
|
|
3 |
<head>
|
|
|
4 |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
|
5 |
<title>Highcharts Example</title>
|
|
|
6 |
|
|
|
7 |
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
|
|
|
8 |
<style type="text/css">
|
|
|
9 |
${demo.css}
|
|
|
10 |
</style>
|
|
|
11 |
<script type="text/javascript">
|
|
|
12 |
$(function () {
|
|
|
13 |
|
|
|
14 |
$('#container').highcharts({
|
|
|
15 |
title: {
|
|
|
16 |
text: 'Height vs Weight'
|
|
|
17 |
},
|
|
|
18 |
subtitle: {
|
|
|
19 |
text: 'Polygon series in Highcharts'
|
|
|
20 |
},
|
|
|
21 |
xAxis: {
|
|
|
22 |
gridLineWidth: 1,
|
|
|
23 |
title: {
|
|
|
24 |
enabled: true,
|
|
|
25 |
text: 'Height (cm)'
|
|
|
26 |
},
|
|
|
27 |
startOnTick: true,
|
|
|
28 |
endOnTick: true,
|
|
|
29 |
showLastLabel: true
|
|
|
30 |
},
|
|
|
31 |
yAxis: {
|
|
|
32 |
title: {
|
|
|
33 |
text: 'Weight (kg)'
|
|
|
34 |
}
|
|
|
35 |
},
|
|
|
36 |
legend: {
|
|
|
37 |
layout: 'vertical',
|
|
|
38 |
align: 'right',
|
|
|
39 |
verticalAlign: 'middle'
|
|
|
40 |
},
|
|
|
41 |
series: [{
|
|
|
42 |
name: 'Target',
|
|
|
43 |
type: 'polygon',
|
|
|
44 |
data: [[153, 42], [149, 46], [149, 55], [152, 60], [159, 70], [170, 77], [180, 70],
|
|
|
45 |
[180, 60], [173, 52], [166, 45]],
|
|
|
46 |
color: Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0.5).get(),
|
|
|
47 |
enableMouseTracking: false
|
|
|
48 |
|
|
|
49 |
}, {
|
|
|
50 |
name: 'Observations',
|
|
|
51 |
type: 'scatter',
|
|
|
52 |
color: Highcharts.getOptions().colors[1],
|
|
|
53 |
data: [[161.2, 51.6], [167.5, 59.0], [159.5, 49.2], [157.0, 63.0], [155.8, 53.6],
|
|
|
54 |
[170.0, 59.0], [159.1, 47.6], [166.0, 69.8], [176.2, 66.8], [160.2, 75.2],
|
|
|
55 |
[172.5, 55.2], [170.9, 54.2], [172.9, 62.5], [153.4, 42.0], [160.0, 50.0],
|
|
|
56 |
[147.2, 49.8], [168.2, 49.2], [175.0, 73.2], [157.0, 47.8], [167.6, 68.8],
|
|
|
57 |
[159.5, 50.6], [175.0, 82.5], [166.8, 57.2], [176.5, 87.8], [170.2, 72.8],
|
|
|
58 |
[174.0, 54.5], [173.0, 59.8], [179.9, 67.3], [170.5, 67.8], [160.0, 47.0],
|
|
|
59 |
[154.4, 46.2], [162.0, 55.0], [176.5, 83.0], [160.0, 54.4], [152.0, 45.8],
|
|
|
60 |
[162.1, 53.6], [170.0, 73.2], [160.2, 52.1], [161.3, 67.9], [166.4, 56.6],
|
|
|
61 |
[168.9, 62.3], [163.8, 58.5], [167.6, 54.5], [160.0, 50.2], [161.3, 60.3],
|
|
|
62 |
[167.6, 58.3], [165.1, 56.2], [160.0, 50.2], [170.0, 72.9], [157.5, 59.8],
|
|
|
63 |
[167.6, 61.0], [160.7, 69.1], [163.2, 55.9], [152.4, 46.5], [157.5, 54.3],
|
|
|
64 |
[168.3, 54.8], [180.3, 60.7], [165.5, 60.0], [165.0, 62.0], [164.5, 60.3],
|
|
|
65 |
[156.0, 52.7], [160.0, 74.3], [163.0, 62.0], [165.7, 73.1], [161.0, 80.0],
|
|
|
66 |
[162.0, 54.7], [166.0, 53.2], [174.0, 75.7], [172.7, 61.1], [167.6, 55.7],
|
|
|
67 |
[151.1, 48.7], [164.5, 52.3], [163.5, 50.0], [152.0, 59.3], [169.0, 62.5],
|
|
|
68 |
[164.0, 55.7], [161.2, 54.8], [155.0, 45.9], [170.0, 70.6], [176.2, 67.2],
|
|
|
69 |
[170.0, 69.4], [162.5, 58.2], [170.3, 64.8], [164.1, 71.6], [169.5, 52.8],
|
|
|
70 |
[163.2, 59.8], [154.5, 49.0], [159.8, 50.0], [173.2, 69.2], [170.0, 55.9],
|
|
|
71 |
[161.4, 63.4], [169.0, 58.2], [166.2, 58.6], [159.4, 45.7], [162.5, 52.2],
|
|
|
72 |
[159.0, 48.6], [162.8, 57.8], [159.0, 55.6], [179.8, 66.8], [162.9, 59.4],
|
|
|
73 |
[161.0, 53.6], [151.1, 73.2], [168.2, 53.4], [168.9, 69.0], [173.2, 58.4],
|
|
|
74 |
[171.8, 56.2], [178.0, 70.6], [164.3, 59.8], [163.0, 72.0], [168.5, 65.2],
|
|
|
75 |
[166.8, 56.6], [172.7, 105.2], [163.5, 51.8], [169.4, 63.4], [167.8, 59.0],
|
|
|
76 |
[159.5, 47.6], [167.6, 63.0], [161.2, 55.2], [160.0, 45.0], [163.2, 54.0],
|
|
|
77 |
[162.2, 50.2], [161.3, 60.2], [149.5, 44.8], [157.5, 58.8], [163.2, 56.4],
|
|
|
78 |
[172.7, 62.0], [155.0, 49.2], [156.5, 67.2], [164.0, 53.8], [160.9, 54.4],
|
|
|
79 |
[162.8, 58.0], [167.0, 59.8], [160.0, 54.8], [160.0, 43.2], [168.9, 60.5],
|
|
|
80 |
[158.2, 46.4], [156.0, 64.4], [160.0, 48.8], [167.1, 62.2], [158.0, 55.5],
|
|
|
81 |
[167.6, 57.8], [156.0, 54.6], [162.1, 59.2], [173.4, 52.7], [159.8, 53.2],
|
|
|
82 |
[170.5, 64.5], [159.2, 51.8], [157.5, 56.0], [161.3, 63.6], [162.6, 63.2],
|
|
|
83 |
[160.0, 59.5], [168.9, 56.8], [165.1, 64.1], [162.6, 50.0], [165.1, 72.3],
|
|
|
84 |
[166.4, 55.0], [160.0, 55.9], [152.4, 60.4], [170.2, 69.1], [162.6, 84.5],
|
|
|
85 |
[170.2, 55.9], [158.8, 55.5], [172.7, 69.5], [167.6, 76.4], [162.6, 61.4],
|
|
|
86 |
[167.6, 65.9], [156.2, 58.6], [175.2, 66.8], [172.1, 56.6], [162.6, 58.6],
|
|
|
87 |
[160.0, 55.9], [165.1, 59.1], [182.9, 81.8], [166.4, 70.7], [165.1, 56.8],
|
|
|
88 |
[177.8, 60.0], [165.1, 58.2], [175.3, 72.7], [154.9, 54.1], [158.8, 49.1],
|
|
|
89 |
[172.7, 75.9], [168.9, 55.0], [161.3, 57.3], [167.6, 55.0], [165.1, 65.5],
|
|
|
90 |
[175.3, 65.5], [157.5, 48.6], [163.8, 58.6], [167.6, 63.6], [165.1, 55.2],
|
|
|
91 |
[165.1, 62.7], [168.9, 56.6], [162.6, 53.9], [164.5, 63.2], [176.5, 73.6],
|
|
|
92 |
[168.9, 62.0], [175.3, 63.6], [159.4, 53.2], [160.0, 53.4], [170.2, 55.0],
|
|
|
93 |
[162.6, 70.5], [167.6, 54.5], [162.6, 54.5], [160.7, 55.9], [160.0, 59.0],
|
|
|
94 |
[157.5, 63.6], [162.6, 54.5], [152.4, 47.3], [170.2, 67.7], [165.1, 80.9],
|
|
|
95 |
[172.7, 70.5], [165.1, 60.9], [170.2, 63.6], [170.2, 54.5], [170.2, 59.1],
|
|
|
96 |
[161.3, 70.5], [167.6, 52.7], [167.6, 62.7], [165.1, 86.3], [162.6, 66.4],
|
|
|
97 |
[152.4, 67.3], [168.9, 63.0], [170.2, 73.6], [175.2, 62.3], [175.2, 57.7],
|
|
|
98 |
[160.0, 55.4], [165.1, 104.1], [174.0, 55.5], [170.2, 77.3], [160.0, 80.5],
|
|
|
99 |
[167.6, 64.5], [167.6, 72.3], [167.6, 61.4], [154.9, 58.2], [162.6, 81.8],
|
|
|
100 |
[175.3, 63.6], [171.4, 53.4], [157.5, 54.5], [165.1, 53.6], [160.0, 60.0],
|
|
|
101 |
[174.0, 73.6], [162.6, 61.4], [174.0, 55.5], [162.6, 63.6], [161.3, 60.9],
|
|
|
102 |
[156.2, 60.0], [149.9, 46.8], [169.5, 57.3], [160.0, 64.1], [175.3, 63.6],
|
|
|
103 |
[169.5, 67.3], [160.0, 75.5], [172.7, 68.2], [162.6, 61.4], [157.5, 76.8],
|
|
|
104 |
[176.5, 71.8], [164.4, 55.5], [160.7, 48.6], [174.0, 66.4], [163.8, 67.3]]
|
|
|
105 |
|
|
|
106 |
}],
|
|
|
107 |
tooltip: {
|
|
|
108 |
headerFormat: '<b>{series.name}</b><br>',
|
|
|
109 |
pointFormat: '{point.x} cm, {point.y} kg'
|
|
|
110 |
}
|
|
|
111 |
});
|
|
|
112 |
});
|
|
|
113 |
|
|
|
114 |
|
|
|
115 |
</script>
|
|
|
116 |
</head>
|
|
|
117 |
<body>
|
|
|
118 |
<script src="../../js/highcharts.js"></script>
|
|
|
119 |
<script src="../../js/highcharts-more.js"></script>
|
|
|
120 |
<script src="../../js/modules/exporting.js"></script>
|
|
|
121 |
|
|
|
122 |
<div id="container" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>
|
|
|
123 |
|
|
|
124 |
</body>
|
|
|
125 |
</html>
|