chartDemo.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <title>jsPlumb 1.3.7 - Chart Demonstration - YUI3</title>
  5. <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  6. <link rel="stylesheet" href="../css/jsPlumbDemo.css">
  7. <link rel="stylesheet" href="../css/chartDemo.css">
  8. </head>
  9. <body onunload="jsPlumb.unload();" data-demo-id="chartDemo" data-library="yui3">
  10. <div id="demo">
  11. <div class="window" id="window1">window one</div>
  12. <div class="window" id="window2">window two</div>
  13. <div class="window" id="window3">window three</div>
  14. <div class="window" id="window4">window four</div>
  15. <div class="window" id="window5">window five</div>
  16. <div class="window" id="window6">window six</div>
  17. </div>
  18. <div id="explanation">
  19. <p>This is a simple demonstration of using jsPlumb to display hierarchical information</p>
  20. <p>On this page we set our connectors to gray and specify an endpoint of radius 9.
  21. Each connection has an Arrow overlay indicating direction, and paints itself orange on mouse hover
  22. </p>
  23. <p>The Bezier curve used on this page has a 'curviness' of 50; See the documentation for examples of how to set the Bezier curviness.</p>
  24. <p>This demonstration uses jsPlumb 1.3.7 and YUI 3.3.0.</p>
  25. </div>
  26. <script type="text/javascript" src="http://yui.yahooapis.com/3.3.0/build/simpleyui/simpleyui-min.js"></script>
  27. <script type='text/javascript' src='../js/yui.jsPlumb-1.3.7-all-min.js'></script>
  28. <!-- demo code -->
  29. <script type="text/javascript" src="../js/chartDemo.js"></script>
  30. <!-- demo helper code -->
  31. <script type="text/javascript" src="../js/demo-list.js"></script>
  32. <script type="text/javascript" src="../js/demo-helper-yui3.js"></script>
  33. </body>
  34. </html>