| 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"> |
| 3 | <head> |
| 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" |
| 7 | type="text/css" /> |
| 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> |
| 12 | </head> |
| 13 | |
| 14 | |
| 15 | <body> |
| 16 | <div id="body"> |
| 17 | <h2>Image Labels Example.</h2> |
| 18 | |
| 19 | <div id="example" style="margin: 0 auto 0 auto;" width="400" height="400"></div> |
| 20 | |
| 21 | <script type="text/javascript"> |
| 22 | var data = [[0,0], [1,2], [2,3], [3, 7], [4, 8], [5, 6]]; |
| 23 | var labels = [ |
| 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})} |
| 30 | ]; |
| 31 | var plotter = EasyPlot("bar", {"xTicks":labels}, $("example"), |
| 32 | [data, "sample.txt"]); |
| 33 | </script> |
| 34 | </div> |
| 35 | |
| 36 | <div class="footer"><a href="http://www.liquidx.net/plotkit/">PlotKit</a></div> |
| 37 | </div> |
| 38 | </body></html> |