-
Notifications
You must be signed in to change notification settings - Fork 1
/
demo.html
47 lines (41 loc) · 2.24 KB
/
demo.html
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
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<title>highcharts-basicline Demo</title>
<script src="../platform/platform.js"></script>
<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="highcharts-basicline.html">
<style>
body {
background-color: #eee;
}
</style>
</head>
<body unresolved>
<p>An `highcharts-basicline` looks like this:</p>
<highcharts-basicline style="width:50%"
charttitle="Monthly Average Temperature (from inline JSON)"
subtitle="Source: WorldClimate.com"
xcategories='[ "Jan", "Feb", "Mar", "Apr", "May", "Jun","Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ]'
ytitle='Temperature (°C)'
tooltip='{ "valueSuffix": "°C" }'
data='[{ "name": "Tokyo", "data": [ 7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6 ] }, { "name": "New York", "data": [ -0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5 ] }, { "name": "Berlin", "data": [ -0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0 ] }, { "name": "London", "data": [ 3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8 ] }]'>
</highcharts-basicline>
<highcharts-basicline style="width:50%"
charttitle="Monthly Average Temperature (loaded from file)"
subtitle="Source: WorldClimate.com"
xcategories='[ "Jan", "Feb", "Mar", "Apr", "May", "Jun","Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ]'
ytitle='Temperature (°C)'
tooltip='{ "valueSuffix": "°C" }'
data='test/temperatures.json'>
</highcharts-basicline>
<highcharts-basicline style="width:50%"
charttitle="Monthly Average Temperature (With xcategories in data)"
subtitle="Source: WorldClimate.com"
ytitle='Temperature (°C)'
tooltip='{ "valueSuffix": "°C" }'
data='test/temperatures_with_xcategories.json'>
</highcharts-basicline>
</body>
</html>