Commit | Line | Data |
94fab3d1 |
1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
2 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
3 | <head> |
4 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
5 | <title>Treemap - TreeMap with on-demand nodes</title> |
6 | |
7 | <!-- CSS Files --> |
8 | <link type="text/css" href="css/base.css" rel="stylesheet" /> |
9 | <link type="text/css" href="css/Treemap.css" rel="stylesheet" /> |
10 | |
11 | <!--[if IE]><script language="javascript" type="text/javascript" src="excanvas.js"></script><![endif]--> |
12 | |
13 | <!-- JIT Library File --> |
14 | <script language="javascript" type="text/javascript" src="jit.js"></script> |
15 | |
16 | <!-- Example File --> |
b55e4686 |
17 | <script language="javascript" type="text/javascript" src="tmdata.js"></script> |
94fab3d1 |
18 | <script language="javascript" type="text/javascript" src="tm.js"></script> |
19 | </head> |
20 | |
21 | <body onload="init();"> |
22 | <div id="container"> |
23 | |
24 | <div id="left-container"> |
25 | |
26 | |
27 | |
28 | <div class="text"> |
29 | <h4> |
30 | TreeMap with on-demand nodes |
31 | </h4> |
32 | |
33 | This example shows how you can use the <b>request</b> controller method to create a TreeMap with on demand nodes<br /><br /> |
34 | This example makes use of native Canvas text and shadows, but can be easily adapted to use HTML like the other examples.<br /><br /> |
35 | There should be only one level shown at a time.<br /><br /> |
36 | Clicking on a band should show a new TreeMap with its most listened albums.<br /><br /> |
37 | |
38 | </div> |
39 | |
40 | <div id="id-list"> |
41 | <table> |
42 | <tr> |
43 | <td> |
44 | <label for="r-sq">Squarified </label> |
45 | </td> |
46 | <td> |
47 | <input type="radio" id="r-sq" name="layout" checked="checked" value="left" /> |
48 | </td> |
49 | </tr> |
50 | <tr> |
51 | <td> |
52 | <label for="r-st">Strip </label> |
53 | </td> |
54 | <td> |
55 | <input type="radio" id="r-st" name="layout" value="top" /> |
56 | </td> |
57 | <tr> |
58 | <td> |
59 | <label for="r-sd">SliceAndDice </label> |
60 | </td> |
61 | <td> |
62 | <input type="radio" id="r-sd" name="layout" value="bottom" /> |
63 | </td> |
64 | </tr> |
65 | </table> |
66 | </div> |
67 | |
68 | <a id="back" href="#" class="theme button white">Go to Parent</a> |
69 | |
70 | |
71 | <div style="text-align:center;"><a href="example2.js">See the Example Code</a></div> |
72 | </div> |
73 | |
74 | <div id="center-container"> |
75 | <div id="infovis"></div> |
76 | </div> |
77 | |
78 | <div id="right-container"> |
79 | |
80 | <div id="inner-details"></div> |
81 | |
82 | </div> |
83 | |
84 | <div id="log"></div> |
85 | </div> |
86 | </body> |
87 | </html> |