Browse Source

Released version 4.12.0

gh-pages
jos 9 years ago
parent
commit
6d74a519a9
12 changed files with 1345 additions and 864 deletions
  1. +13
    -5
      dist/vis.css
  2. +1278
    -819
      dist/vis.js
  3. +1
    -1
      dist/vis.map
  4. +1
    -1
      dist/vis.min.css
  5. +22
    -22
      dist/vis.min.js
  6. +7
    -0
      docs/network/edges.html
  7. +4
    -4
      docs/network/index.html
  8. +7
    -0
      docs/network/nodes.html
  9. BIN
      download/vis.zip
  10. +1
    -1
      examples/network/nodeStyles/shadows.html
  11. +4
    -4
      examples/network/other/clustering.html
  12. +7
    -7
      index.html

+ 13
- 5
dist/vis.css View File

@ -584,6 +584,11 @@ input.vis-configuration.vis-config-range:focus::-ms-fill-upper {
cursor: e-resize; cursor: e-resize;
} }
.vis-range.vis-item.vis-readonly .vis-drag-left,
.vis-range.vis-item.vis-readonly .vis-drag-right {
cursor: auto;
}
.vis-time-axis { .vis-time-axis {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
@ -1121,14 +1126,17 @@ div.vis-network div.vis-navigation div.vis-button.vis-zoomExtends {
div.vis-color-picker { div.vis-color-picker {
position:absolute; position:absolute;
top: 0px;
left: 30px;
margin-top:-140px; margin-top:-140px;
margin-left:30px; margin-left:30px;
width:293px; width:310px;
height:425px; height:444px;
z-index: 1;
padding: 10px; padding: 10px;
border-radius:15px; border-radius:15px;
background-color:#ffffff; background-color:#ffffff;
display:none; display: none;
box-shadow: rgba(0,0,0,0.5) 0px 0px 10px 0px; box-shadow: rgba(0,0,0,0.5) 0px 0px 10px 0px;
} }
@ -1138,8 +1146,8 @@ div.vis-color-picker div.vis-arrow {
left:5px; left:5px;
} }
div.vis-color-picker div.vis-arrow:after, div.vis-color-picker div.vis-arrow::after,
div.vis-color-picker div.vis-arrow:before { div.vis-color-picker div.vis-arrow::before {
right: 100%; right: 100%;
top: 50%; top: 50%;
border: solid transparent; border: solid transparent;

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


+ 1
- 1
dist/vis.map
File diff suppressed because it is too large
View File


+ 1
- 1
dist/vis.min.css
File diff suppressed because it is too large
View File


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


+ 7
- 0
docs/network/edges.html View File

@ -166,6 +166,7 @@ var options = {
selfReferenceSize:20, selfReferenceSize:20,
shadow:{ shadow:{
enabled: false, enabled: false,
color: 'rgba(0,0,0,0.5)',
size:10, size:10,
x:5, x:5,
y:5 y:5
@ -581,6 +582,12 @@ var options: {
in this object are defined. in this object are defined.
</td> </td>
</tr> </tr>
<tr parent="shadow" class="hidden">
<td class="indent">shadow.color</td>
<td>String</td>
<td><code>'rgba(0,0,0,0.5)'</code></td>
<td>The color size of the shadow as a string. Supported formats are 'rgb(255,255,255)', 'rgba(255,255,255,1)' and '#FFFFFF'.</td>
</tr>
<tr parent="shadow" class="hidden"> <tr parent="shadow" class="hidden">
<td class="indent">shadow.size</td> <td class="indent">shadow.size</td>
<td>Number</td> <td>Number</td>

+ 4
- 4
docs/network/index.html View File

@ -1319,19 +1319,19 @@ var options = {
</tr> </tr>
<tr><td id="event_hoverNode">hoverNode</td> <tr><td id="event_hoverNode">hoverNode</td>
<td><code>{node: nodeId}</code></td> <td><code>{node: nodeId}</code></td>
<td>Fired interaction:{hover:true} and the mouse hovers over a node.</td> <td>Fired if the option <code>interaction:{hover:true}</code> is enabled and the mouse hovers over a node.</td>
</tr> </tr>
<tr><td id="event_blurNode">blurNode</td> <tr><td id="event_blurNode">blurNode</td>
<td><code>{node: nodeId}</code></td> <td><code>{node: nodeId}</code></td>
<td>Fired interaction:{hover:true} and the mouse moved away from a node it was hovering over before.</td> <td>Fired if the option <code>interaction:{hover:true}</code> is enabled and the mouse moved away from a node it was hovering over before.</td>
</tr> </tr>
<tr><td id="event_hoverEdge">hoverEdge</td> <tr><td id="event_hoverEdge">hoverEdge</td>
<td><code>{edge: edgeId}</code></td> <td><code>{edge: edgeId}</code></td>
<td>Fired interaction:{hover:true} and the mouse hovers over an edge.</td> <td>Fired if the option <code>interaction:{hover:true}</code> is enabled and the mouse hovers over an edge.</td>
</tr> </tr>
<tr><td id="event_blurEdge">blurEdge</td> <tr><td id="event_blurEdge">blurEdge</td>
<td><code>{edge: edgeId}</code></td> <td><code>{edge: edgeId}</code></td>
<td>Fired interaction:{hover:true} and the mouse moved away from an edge it was hovering over before.</td> <td>Fired if the option <code>interaction:{hover:true}</code> is enabled and the mouse moved away from an edge it was hovering over before.</td>
</tr> </tr>
<tr><td id="event_zoom">zoom</td> <tr><td id="event_zoom">zoom</td>
<td><code>{direction:'+'/'-', scale: Number}</code></td> <td><code>{direction:'+'/'-', scale: Number}</code></td>

+ 7
- 0
docs/network/nodes.html View File

@ -171,6 +171,7 @@ var options = {
}, },
shadow:{ shadow:{
enabled: false, enabled: false,
color: 'rgba(0,0,0,0.5)',
size:10, size:10,
x:5, x:5,
y:5 y:5
@ -585,6 +586,12 @@ mySize = minSize + diff * scale;
in this object are defined. in this object are defined.
</td> </td>
</tr> </tr>
<tr parent="shadow" class="hidden">
<td class="indent">shadow.color</td>
<td>String</td>
<td><code>'rgba(0,0,0,0.5)'</code></td>
<td>The color size of the shadow as a string. Supported formats are 'rgb(255,255,255)', 'rgba(255,255,255,1)' and '#FFFFFF'.</td>
</tr>
<tr parent="shadow" class="hidden"> <tr parent="shadow" class="hidden">
<td class="indent">shadow.size</td> <td class="indent">shadow.size</td>
<td>Number</td> <td>Number</td>

BIN
download/vis.zip View File


+ 1
- 1
examples/network/nodeStyles/shadows.html View File

@ -87,7 +87,7 @@
{from: 25, to: 24}, {from: 25, to: 24},
{from: 26, to: 25}, {from: 26, to: 25},
{from: 25, to: 7}, {from: 25, to: 7},
{from: 28, to: 27}, {from: 28, to: 27, shadow:{color:'rgb(0,255,0)'}},
{from: 29, to: 28}, {from: 29, to: 28},
{from: 28, to: 0} {from: 28, to: 0}
] ]

+ 4
- 4
examples/network/other/clustering.html View File

@ -80,7 +80,7 @@ Click any of the buttons below to cluster the network. On every push the network
network.openCluster(params.nodes[0]); network.openCluster(params.nodes[0]);
} }
} }
}) });
function clusterByCid() { function clusterByCid() {
network.setData(data); network.setData(data);
@ -89,7 +89,7 @@ Click any of the buttons below to cluster the network. On every push the network
return childOptions.cid == 1; return childOptions.cid == 1;
}, },
clusterNodeProperties: {id:'cidCluster', borderWidth:3, shape:'database'} clusterNodeProperties: {id:'cidCluster', borderWidth:3, shape:'database'}
} };
network.cluster(clusterOptionsByData); network.cluster(clusterOptionsByData);
} }
function clusterByColor() { function clusterByColor() {
@ -111,7 +111,7 @@ Click any of the buttons below to cluster the network. On every push the network
return clusterOptions; return clusterOptions;
}, },
clusterNodeProperties: {id: 'cluster:' + color, borderWidth: 3, shape: 'database', color:color, label:'color:' + color} clusterNodeProperties: {id: 'cluster:' + color, borderWidth: 3, shape: 'database', color:color, label:'color:' + color}
} };
network.cluster(clusterOptionsByData); network.cluster(clusterOptionsByData);
} }
} }
@ -131,7 +131,7 @@ Click any of the buttons below to cluster the network. On every push the network
return clusterOptions; return clusterOptions;
}, },
clusterNodeProperties: {borderWidth:3, shape:'box', font:{size:30}} clusterNodeProperties: {borderWidth:3, shape:'box', font:{size:30}}
} };
network.clusterByHubsize(undefined, clusterOptionsByData); network.clusterByHubsize(undefined, clusterOptionsByData);
} }

+ 7
- 7
index.html View File

@ -28,7 +28,7 @@
<script src="./js/smooth-scroll.min.js"></script> <script src="./js/smooth-scroll.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.11.0/vis.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.12.0/vis.min.js"></script>
<script language="JavaScript"> <script language="JavaScript">
smoothScroll.init(); smoothScroll.init();
@ -36,7 +36,7 @@
function evalLinks() { function evalLinks() {
if (typeof vis === 'undefined') { if (typeof vis === 'undefined') {
console.log(document.getElementById("linkStatus")); console.log(document.getElementById("linkStatus"));
document.getElementById("linkStatus").innerHTML = "Note: The latest version (4.11.0) is not yet available on cdnjs, <a href='https://cdnjs.com/libraries/vis'>click here</a> to to pick the latest available version.<br />"; document.getElementById("linkStatus").innerHTML = "Note: The latest version (4.12.0) is not yet available on cdnjs, <a href='https://cdnjs.com/libraries/vis'>click here</a> to to pick the latest available version.<br />";
document.getElementById("cdn_vis").style.color = "rgb(150,150,150)"; document.getElementById("cdn_vis").style.color = "rgb(150,150,150)";
document.getElementById("cdn_vis_css").style.color = "rgb(150,150,150)"; document.getElementById("cdn_vis_css").style.color = "rgb(150,150,150)";
} }
@ -210,13 +210,13 @@
<pre class="prettyprint">bower install vis</pre> <pre class="prettyprint">bower install vis</pre>
<h3>link from cdnjs.com</h3> <h3>link from cdnjs.com</h3>
<p> <p>
<a id="cdn_vis" href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.11.0/vis.min.js" target="_blank">vis.min.js</a> <br> <a id="cdn_vis" href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.12.0/vis.min.js" target="_blank">vis.min.js</a> <br>
<a id="cdn_vis_css" href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.11.0/vis.min.css" target="_blank">vis.min.css</a> <br> <a id="cdn_vis_css" href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.12.0/vis.min.css" target="_blank">vis.min.css</a> <br>
<span id="linkStatus"></span> <span id="linkStatus"></span>
</p> </p>
<h3>download</h3> <h3>download</h3>
<p> <p>
<a href="download/vis.zip">vis.zip (version <span class="version">4.11.0</span>)</a> <a href="download/vis.zip">vis.zip (version <span class="version">4.12.0</span>)</a>
</p> </p>
</div> </div>
</div> </div>
@ -304,7 +304,7 @@
<div class="valign_child"> <div class="valign_child">
<h2 class="featurette-heading">Licenses</h2> <h2 class="featurette-heading">Licenses</h2>
<p class="lead"> <p class="lead">
Copyright (C) 2010-2015 Almende B.V. <br /><br /> Copyright (C) 2010-2016 Almende B.V. <br /><br />
Vis.js is dual licensed under both Apache 2.0 and MIT.<br /><br /> Vis.js is dual licensed under both Apache 2.0 and MIT.<br /><br />
Vis.js may be distributed under either license. Vis.js may be distributed under either license.
<ul> <ul>
@ -326,7 +326,7 @@
<!-- FOOTER --> <!-- FOOTER -->
<footer> <footer>
<p class="pull-right"><a href="#">Back to top</a></p> <p class="pull-right"><a href="#">Back to top</a></p>
<p>© 2015 Almende B.V.</p> <p>© 2015-2016 Almende B.V.</p>
</footer> </footer>
</div><!-- /.container --> </div><!-- /.container -->

|||||||
x
 
000:0
Loading…
Cancel
Save