josdejong
11 years ago
4 changed files with 112 additions and 1 deletions
Unified View
Diff Options
-
+23 -0docs/dataset.html
-
+0 -1docs/graph.html
-
+29 -0docs/index.html
-
+60 -0examples/graph/18_dashed_lines.html
+ 23
- 0
docs/dataset.html
View File
| @ -0,0 +1,23 @@ | |||||
| <!doctype html> | |||||
| <html> | |||||
| <head> | |||||
| <title>vis.js | DataSet documentation</title> | |||||
| <link rel='stylesheet' href='css/style.css' type='text/css' /> | |||||
| <link href="css/prettify.css" type="text/css" rel="stylesheet" /> | |||||
| <link href='css/style.css' type='text/css' rel='stylesheet'> | |||||
| <script type="text/javascript" src="lib/prettify/prettify.js"></script> | |||||
| </head> | |||||
| <body> | |||||
| <div id="container"> | |||||
| <h1>DataSet documentation</h1> | |||||
| <p>coming soon...</p> | |||||
| </div> | |||||
| </body> | |||||
| </html> | |||||
+ 0
- 1
docs/graph.html
View File
+ 29
- 0
docs/index.html
View File
| @ -0,0 +1,29 @@ | |||||
| <!doctype html> | |||||
| <html> | |||||
| <head> | |||||
| <title>vis.js | documentation</title> | |||||
| <link rel='stylesheet' href='css/style.css' type='text/css' /> | |||||
| <link href="css/prettify.css" type="text/css" rel="stylesheet" /> | |||||
| <link href='css/style.css' type='text/css' rel='stylesheet'> | |||||
| <script type="text/javascript" src="lib/prettify/prettify.js"></script> | |||||
| </head> | |||||
| <body> | |||||
| <div id="container"> | |||||
| <h1>vis.js documentation</h1> | |||||
| <p>The following pages are available:</p> | |||||
| <ul> | |||||
| <li><a href="timeline.html">Timeline</a></li> | |||||
| <li><a href="graph.html">Graph</a></li> | |||||
| <li><a href="dataset.html">DataSet</a></li> | |||||
| </ul> | |||||
| </div> | |||||
| </body> | |||||
| </html> | |||||
+ 60
- 0
examples/graph/18_dashed_lines.html
View File
| @ -0,0 +1,60 @@ | |||||
| <!doctype html> | |||||
| <html> | |||||
| <head> | |||||
| <title>Graph | Dashed lines</title> | |||||
| <style type="text/css"> | |||||
| body { | |||||
| font: 10pt sans; | |||||
| } | |||||
| </style> | |||||
| <script type="text/javascript" src="../../vis.js"></script> | |||||
| <script type="text/javascript"> | |||||
| // Called on page load | |||||
| function draw() { | |||||
| var nodes = [ | |||||
| {id: 1, text: "dashed\nline\nexamples"}, | |||||
| {id: 2, text: "default"}, | |||||
| {id: 3, text: "dashlength: 20\ndashgap: 20"}, | |||||
| {id: 4, text: "dashlength: 20\ndashgap: 5"}, | |||||
| {id: 5, text: "dashlength: 5\ndashgap: 20"}, | |||||
| {id: 6, text: "dashlength: 20\ndashgap: 5\naltdashlength: 5"} | |||||
| ]; | |||||
| var edges = [ | |||||
| {from: 1, to: 2, style: "dash-line"}, | |||||
| {from: 1, to: 3, style: "dash-line", dashlength: 20, dashgap: 20}, | |||||
| {from: 1, to: 4, style: "dash-line", dashlength: 20, dashgap: 5}, | |||||
| {from: 1, to: 5, style: "dash-line", dashlength: 5, dashgap: 20}, | |||||
| {from: 1, to: 6, style: "dash-line", dashlength: 20, dashgap: 5, altdashlength: 5} | |||||
| ]; | |||||
| // create the graph | |||||
| var container = document.getElementById('mygraph'); | |||||
| var data = { | |||||
| nodes: nodes, | |||||
| edges: edges | |||||
| }; | |||||
| var options = { | |||||
| width: '600px', | |||||
| height: '600px', | |||||
| edges: { | |||||
| length: 200 | |||||
| }, | |||||
| stabilize: false | |||||
| }; | |||||
| var graph = new vis.Graph(container, data, options); | |||||
| } | |||||
| </script> | |||||
| </head> | |||||
| <body onload="draw();"> | |||||
| <p> | |||||
| This example shows the different options for dashed lines. | |||||
| </p> | |||||
| <div id="mygraph"></div> | |||||
| </body> | |||||
| </html> | |||||