1 <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 <html xmlns=
"http://www.w3.org/1999/xhtml" xml:
lang=
"en" lang=
"en">
4 <title>PlotKit: X Label Demo
</title>
5 <meta http-equiv=
"Content-Type" content=
"text/html; charset=UTF-8" />
6 <link href=
"/css/page.css" media=
"screen" rel=
"Stylesheet"
8 <link href=
"tests.css" media=
"screen" rel=
"Stylesheet" type=
"text/css" />
9 <script src=
"/js/mochi/MochiKit.js" type=
"text/javascript"></script>
10 <script src=
"/js/plotkit-svn/excanvas.js" type=
"text/javascript"></script>
11 <script src=
"/js/plotkit-svn/Base.js" type=
"text/javascript"></script>
12 <script src=
"/js/plotkit-svn/Layout.js" type=
"text/javascript"></script>
13 <script src=
"/js/plotkit-svn/Canvas.js" type=
"text/javascript"></script>
14 <script src=
"/js/plotkit-svn/SweetCanvas.js" type=
"text/javascript"></script>
23 <div style=
"margin: 0 auto 0 auto; width: 500px;">
24 <div><canvas id=
"chart" width=
"500" height=
"300"></canvas></div>
26 <script type=
"text/javascript">
27 var xTicks = [{label:
"13:00", v:
0}, {label:
"14:00", v:
1},
28 {label:
"14:00", v:
2}, {label:
"15:00", v:
3},
29 {label:
"16:00", v:
4}];
30 var layout = new Layout(
"line", {
"xTicks": xTicks} );
31 layout.addDataset(
"yay", [[
0,
0], [
1,
1], [
2,
4], [
3,
9], [
4,
16]]);
32 layout.addDataset(
"dataset2", [[
0,
4], [
1,
3], [
2,
3], [
3,
1], [
4,
8]]);
35 var chart = new SweetCanvasRenderer($(
"chart"), layout);
41 <div class=
"footer"><a href=
"http://www.liquidx.net/plotkit/">PlotKit
</a></div>