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: Image Labels Example
</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/PlotKit_Packed.js" type=
"text/javascript"></script>
17 <h2>Image Labels Example.
</h2>
19 <div id=
"example" style=
"margin: 0 auto 0 auto;" width=
"400" height=
"400"></div>
21 <script type=
"text/javascript">
22 var data = [[
0,
0], [
1,
2], [
2,
3], [
3,
7], [
4,
8], [
5,
6]];
24 {v:
0, label:IMG({src:
"img/konqueror.png", width:
16, height:
16})},
25 {v:
1, label:IMG({src:
"img/opera.ico", width:
16, height:
16})},
26 {v:
2, label:IMG({src:
"img/msie.gif", width:
16, height:
16})},
27 {v:
3, label:IMG({src:
"img/safari.gif", width:
16, height:
16})},
28 {v:
4, label:IMG({src:
"img/firefox.png", width:
16,height:
16})},
29 {v:
5, label:IMG({src:
"img/mozilla.ico", width:
16, height:
16})}
31 var plotter = EasyPlot(
"bar", {
"xTicks":labels}, $(
"example"),
32 [data,
"sample.txt"]);
36 <div class=
"footer"><a href=
"http://www.liquidx.net/plotkit/">PlotKit
</a></div>