HTML and CSS Reference
In-Depth Information
<meta content "minimum scale 1.0, width device width, maximum
scale 0.6667, user scalable no" name "viewport" />
<meta name "layout" content "webkit" />
<link href "style.css" rel "stylesheet" media "screen" type "text/css"
/>
<! jQuery und jQueryFlot lokal einbinden >
<script language "javascript" src "js/jquery 1.4.2.js"
type "text/javascript" ></script>
<script language "javascript" src "js/jquery.flot.js"
type "text/javascript" ></script>
<script language "javascript">
function init()
{
var now new Date().getTime();
var oneDay 1000*60*60*24;
//UTC offset at the time of writing (based in Sunnyvale, CA, April
2010): 7 hrs.
//this should be normalized on the server side
now 1000*60*60*7;
var data [
{ label: "Espresso / Day", data: [[now, 3], [now+oneDay, 7],
[now+(oneDay*2), 2], [now+(oneDay*3), 3] ] }
];
var options {
series: {
lines: {
show: true, fill: true
},
points: { show:true }
},
colors:["rgba(255,0,0,0.5)"],
xaxis: {
mode: "time",
minTickSize:[1,"day"]
}
};
$.plot($("#chart"), data, options );
}
document.addEventListener("DOMContentLoaded", init, false);
</script>
</head>
<body>
<div id "topbar">
