Browse Source

fixed broken example links

v3_develop
Alex de Mulder 10 years ago
parent
commit
7b0feeffc2
4 changed files with 19508 additions and 19360 deletions
  1. +19490
    -19339
      dist/vis.js
  2. +5
    -5
      docs/graph2d.html
  3. +2
    -2
      docs/network.html
  4. +11
    -14
      examples/network/01_basic_usage.html

+ 19490
- 19339
dist/vis.js
File diff suppressed because it is too large
View File


+ 5
- 5
docs/graph2d.html View File

@ -280,7 +280,7 @@ The options colored in green can also be used as options for the groups. All opt
<td class="greenField">yAxisOrientation</td> <td class="greenField">yAxisOrientation</td>
<td>String</td> <td>String</td>
<td>'left'</td> <td>'left'</td>
<td>This defines with which axis, left or right, the graph is coupled. <a href="../examples/Graph2d/05_bothAxis.html">Example 5</a> shows groups with different Y axis. If no groups are coupled
<td>This defines with which axis, left or right, the graph is coupled. <a href="../examples/graph2d/05_bothAxis.html">Example 5</a> shows groups with different Y axis. If no groups are coupled
with an axis, it will not be shown.</td> with an axis, it will not be shown.</td>
</tr> </tr>
<tr> <tr>
@ -373,7 +373,7 @@ The options colored in green can also be used as options for the groups. All opt
<td class="greenField">catmullRom.parametrization</td> <td class="greenField">catmullRom.parametrization</td>
<td>String</td> <td>String</td>
<td>'centripetal'</td> <td>'centripetal'</td>
<td>Define the type of parametrizaion. <a href="../examples/Graph2d/07_scrollingAndSorting.html">Example 7</a> shows the different methods. The options are 'centripetal' (best results), 'chordal' and 'uniform'. Uniform is the computationally cheapest variant.
<td>Define the type of parametrizaion. <a href="../examples/graph2d/07_scrollingAndSorting.html">Example 7</a> shows the different methods. The options are 'centripetal' (best results), 'chordal' and 'uniform'. Uniform is the computationally cheapest variant.
If catmullRom is disabled, linear interpolation is used.</td> If catmullRom is disabled, linear interpolation is used.</td>
</tr> </tr>
<tr> <tr>
@ -435,7 +435,7 @@ The options colored in green can also be used as options for the groups. All opt
<td>Object</td> <td>Object</td>
<td></td> <td></td>
<td>You can use this to toggle the visibility of groups per graph2D instance. This is different from setting the visibility flag of the groups since <td>You can use this to toggle the visibility of groups per graph2D instance. This is different from setting the visibility flag of the groups since
this is not communicated across instances of graph2d. Take a look at <a href="../examples/Graph2d/14_toggleGroups.html">Example 14</a>
this is not communicated across instances of graph2d. Take a look at <a href="../examples/graph2d/14_toggleGroups.html">Example 14</a>
for more explaination. for more explaination.
</td> </td>
</tr> </tr>
@ -977,8 +977,8 @@ Graph2d comes with support for the following locales:
</p> </p>
<p> <p>
Additionally, Graph2d has 10 preset styles for graphs, which are cycled through when loading groups. These styles can be overwritten Additionally, Graph2d has 10 preset styles for graphs, which are cycled through when loading groups. These styles can be overwritten
as well, along with defining your own classes to style the graphs! <a href="../examples/Graph2d/04_rightAxis.html">Example 4</a> and
<a href="../examples/Graph2d/05_bothAxis.html">example 5</a> show the usage of custom styles.
as well, along with defining your own classes to style the graphs! <a href="../examples/graph2d/04_rightAxis.html">Example 4</a> and
<a href="../examples/graph2d/05_bothAxis.html">example 5</a> show the usage of custom styles.
</p> </p>
<h2 id="Data_Policy">Data Policy</h2> <h2 id="Data_Policy">Data Policy</h2>

+ 2
- 2
docs/network.html View File

@ -2037,7 +2037,7 @@ var options: {
<h3 id="Keyboard_navigation">Keyboard navigation</h3> <h3 id="Keyboard_navigation">Keyboard navigation</h3>
<p> <p>
The network can be navigated using shortcut keys. The network can be navigated using shortcut keys.
The default state for the keyboard navigation is <b>off</b>. The predefined keys can be found in the example <a href="../examples/Network/20_navigation.html">20_navigation.html</a>.
The default state for the keyboard navigation is <b>off</b>. The predefined keys can be found in the example <a href="../examples/network/20_navigation.html">20_navigation.html</a>.
</p> </p>
<pre class="prettyprint"> <pre class="prettyprint">
@ -2092,7 +2092,7 @@ var options: {
<p> <p>
The network can be used to display nodes in a hierarchical way. This can be determined automatically, based on the amount of edges connected to each node, or defined by the user. The network can be used to display nodes in a hierarchical way. This can be determined automatically, based on the amount of edges connected to each node, or defined by the user.
If the user wants to manually determine the hierarchy, each node has to be supplied with a level (from 0 being heighest to n). The automatic method If the user wants to manually determine the hierarchy, each node has to be supplied with a level (from 0 being heighest to n). The automatic method
is shown in <a href="../examples/Network/23_hierarchical_layout.html">example 23</a> and the user-defined method is shown in <a href="../examples/Network/24_hierarchical_layout_userdefined.html">example 24</a>.
is shown in <a href="../examples/Network/23_hierarchical_layout.html">example 23</a> and the user-defined method is shown in <a href="../examples/network/24_hierarchical_layout_userdefined.html">example 24</a>.
This layout method does not support smooth curves or clustering. It automatically turns these features off. This layout method does not support smooth curves or clustering. It automatically turns these features off.
</p> </p>

+ 11
- 14
examples/network/01_basic_usage.html View File

@ -22,20 +22,17 @@
<script type="text/javascript"> <script type="text/javascript">
// create an array with nodes // create an array with nodes
var nodes = [ var nodes = [
{id: 1, label: 'Node 1'},
{id: 2, label: 'Node 2'},
{id: 3, label: 'Node 3'},
{id: 4, label: 'Node 4'},
{id: 5, label: 'Node 5'}
];
// create an array with edges
var edges = [
{from: 1, to: 2},
{from: 1, to: 3},
{from: 2, to: 4},
{from: 2, to: 5}
];
{id: 1, label: '#1' },
{id: 2, label: '#2' },
{id: 3, label: '#3' },
{id: 4, label: '#4' }
]
var edges = [
{from: 1, to: 2},
{from: 1, to: 3},
{from: 1, to: 4},
{from: 2, to: 3}
]
// create a network // create a network
var container = document.getElementById('mynetwork'); var container = document.getElementById('mynetwork');

Loading…
Cancel
Save