Skip to content

F
flot
Switch branch/tag
Find file
Normal viewHistoryPermalink
index.html 3.38 KB
Newer Older
David Schnur's avatar
Re-styled and cleaned up all the examples.
ed791745
 
David Schnur committed
1 2 3 4 5 6 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Flot Examples: Time zones</title>
	<link href="../examples.css" rel="stylesheet" type="text/css">
Nick Schonning's avatar
Move non-Bower third party code under lib
4e66f981
 
Nick Schonning committed
7 8 
	<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="../../lib/excanvas.min.js"></script><![endif]-->
	<script language="javascript" type="text/javascript" src="../../lib/jquery.js"></script>
David Schnur's avatar
Re-styled and cleaned up all the examples.
ed791745
 
David Schnur committed
9 10 11 12 
	<script language="javascript" type="text/javascript" src="../../jquery.flot.js"></script>
	<script language="javascript" type="text/javascript" src="../../jquery.flot.time.js"></script>
	<script language="javascript" type="text/javascript" src="date.js"></script>
	<script type="text/javascript">
Mark Côté's avatar
Moved time-series functionality into a separate plug-in and incorporated
85429298
 
Mark Côté committed
13
David Schnur's avatar
Re-styled and cleaned up all the examples.
ed791745
 
David Schnur committed
14 
	$(function() {
Mark Côté's avatar
Moved time-series functionality into a separate plug-in and incorporated
85429298
 
Mark Côté committed
15
David Schnur's avatar
Re-styled and cleaned up all the examples.
ed791745
 
David Schnur committed
16 17 
		timezoneJS.timezone.zoneFileBasePath = "tz";
		timezoneJS.timezone.defaultZoneFile = [];
David Schnur's avatar
Load timezones asynchronously.
a2cbc3a6
 
David Schnur committed
18 
		timezoneJS.timezone.init({async: false});
Mark Côté's avatar
Moved time-series functionality into a separate plug-in and incorporated
85429298
 
Mark Côté committed
19
David Schnur's avatar
Re-styled and cleaned up all the examples.
ed791745
 
David Schnur committed
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 
		var d = [
			[Date.UTC(2011, 2, 12, 14, 0, 0), 28],
			[Date.UTC(2011, 2, 12, 15, 0, 0), 27],
			[Date.UTC(2011, 2, 12, 16, 0, 0), 25],
			[Date.UTC(2011, 2, 12, 17, 0, 0), 19],
			[Date.UTC(2011, 2, 12, 18, 0, 0), 16],
			[Date.UTC(2011, 2, 12, 19, 0, 0), 14],
			[Date.UTC(2011, 2, 12, 20, 0, 0), 11],
			[Date.UTC(2011, 2, 12, 21, 0, 0), 9],
			[Date.UTC(2011, 2, 12, 22, 0, 0), 7.5],
			[Date.UTC(2011, 2, 12, 23, 0, 0), 6],
			[Date.UTC(2011, 2, 13, 0, 0, 0), 5],
			[Date.UTC(2011, 2, 13, 1, 0, 0), 6],
			[Date.UTC(2011, 2, 13, 2, 0, 0), 7.5],
			[Date.UTC(2011, 2, 13, 3, 0, 0), 9],
			[Date.UTC(2011, 2, 13, 4, 0, 0), 11],
			[Date.UTC(2011, 2, 13, 5, 0, 0), 14],
			[Date.UTC(2011, 2, 13, 6, 0, 0), 16],
			[Date.UTC(2011, 2, 13, 7, 0, 0), 19],
			[Date.UTC(2011, 2, 13, 8, 0, 0), 25],
			[Date.UTC(2011, 2, 13, 9, 0, 0), 27],
			[Date.UTC(2011, 2, 13, 10, 0, 0), 28],
			[Date.UTC(2011, 2, 13, 11, 0, 0), 29],
			[Date.UTC(2011, 2, 13, 12, 0, 0), 29.5],
			[Date.UTC(2011, 2, 13, 13, 0, 0), 29],
			[Date.UTC(2011, 2, 13, 14, 0, 0), 28],
			[Date.UTC(2011, 2, 13, 15, 0, 0), 27],
			[Date.UTC(2011, 2, 13, 16, 0, 0), 25],
			[Date.UTC(2011, 2, 13, 17, 0, 0), 19],
			[Date.UTC(2011, 2, 13, 18, 0, 0), 16],
			[Date.UTC(2011, 2, 13, 19, 0, 0), 14],
			[Date.UTC(2011, 2, 13, 20, 0, 0), 11],
			[Date.UTC(2011, 2, 13, 21, 0, 0), 9],
			[Date.UTC(2011, 2, 13, 22, 0, 0), 7.5],
			[Date.UTC(2011, 2, 13, 23, 0, 0), 6]
		];
Mark Côté's avatar
Moved time-series functionality into a separate plug-in and incorporated
85429298
 
Mark Côté committed
56
David Schnur's avatar
Re-styled and cleaned up all the examples.
ed791745
 
David Schnur committed
57 58 59 60 61 
		var plot = $.plot("#placeholderUTC", [d], {
			xaxis: {
				mode: "time"
			}
		});
Mark Côté's avatar
Moved time-series functionality into a separate plug-in and incorporated
85429298
 
Mark Côté committed
62
David Schnur's avatar
Re-styled and cleaned up all the examples.
ed791745
 
David Schnur committed
63 64 65 66 67 68 69 70 71 72 73 74 75 
		var plot = $.plot("#placeholderLocal", [d], {
			xaxis: {
				mode: "time",
				timezone: "browser"
			}
		});

		var plot = $.plot("#placeholderChicago", [d], {
			xaxis: {
				mode: "time",
				timezone: "America/Chicago"
			}
		});
David Schnur's avatar
Add the Flot version to each example's footer.
a2718dbe
 
David Schnur committed
76 77 78 79 

		// Add the Flot version string to the footer

		$("#footer").prepend("Flot " + $.plot.version + " &ndash; ");
David Schnur's avatar
Re-styled and cleaned up all the examples.
ed791745
 
David Schnur committed
80 81 82 83 84 85 86 87 88 89 90 91 92 93 
	});

	</script>
</head>
<body>

	<div id="header">
		<h2>Time zones</h2>
	</div>

	<div id="content">

		<h3>UTC</h3>
		<div class="demo-container" style="height: 300px;">
David Schnur's avatar
Move placeholder styles into .demo-placeholder.
23005fdd
 
David Schnur committed
94 
			<div id="placeholderUTC" class="demo-placeholder"></div>
David Schnur's avatar
Re-styled and cleaned up all the examples.
ed791745
 
David Schnur committed
95 96 97 98 
		</div>

		<h3>Browser</h3>
		<div class="demo-container" style="height: 300px;">
David Schnur's avatar
Move placeholder styles into .demo-placeholder.
23005fdd
 
David Schnur committed
99 
			<div id="placeholderLocal" class="demo-placeholder"></div>
David Schnur's avatar
Re-styled and cleaned up all the examples.
ed791745
 
David Schnur committed
100 101 102 103 
		</div>

		<h3>Chicago</h3>
		<div class="demo-container" style="height: 300px;">
David Schnur's avatar
Move placeholder styles into .demo-placeholder.
23005fdd
 
David Schnur committed
104 
			<div id="placeholderChicago" class="demo-placeholder"></div>
David Schnur's avatar
Re-styled and cleaned up all the examples.
ed791745
 
David Schnur committed
105 106 107 108 109 110 111 112 113 
		</div>

	</div>

	<div id="footer">
		Copyright &copy; 2007 - 2013 IOLA and Ole Laursen
	</div>

</body>
Mark Côté's avatar
Moved time-series functionality into a separate plug-in and incorporated
85429298
 
Mark Côté committed
114 
</html>