Browse Source

Released version 4.11.0

gh-pages
jos 9 years ago
parent
commit
6afd21c48b
12 changed files with 1443 additions and 1068 deletions
  1. +1376
    -1008
      dist/vis.js
  2. +1
    -1
      dist/vis.map
  3. +21
    -21
      dist/vis.min.js
  4. +2
    -2
      docs/data/dataset.html
  5. +20
    -15
      docs/graph2d/index.html
  6. +1
    -1
      docs/timeline/index.html
  7. BIN
      download/vis.zip
  8. +1
    -1
      examples/graph2d/06_interpolation.html
  9. +14
    -13
      examples/graph2d/17_dynamicStyling.html
  10. +1
    -0
      examples/network/exampleUtil.js
  11. +1
    -1
      examples/network/layout/hierarchicalLayout.html
  12. +5
    -5
      index.html

+ 1376
- 1008
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


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


+ 2
- 2
docs/data/dataset.html View File

@ -431,7 +431,7 @@ var data = new vis.DataSet([data] [, options])
</td>
<td>Number[]</td>
<td>
Update on ore multiple existing items. <code>data</code> can be a single item or an array with items. When an item doesn't exist, it will be created. Returns an array with the ids of the removed items. See section <a href="#Data_Manipulation">Data Manipulation</a>.
Update one or multiple existing items. <code>data</code> can be a single item or an array with items. When an item doesn't exist, it will be created. Returns an array with the ids of the removed items. See section <a href="#Data_Manipulation">Data Manipulation</a>.
</td>
</tr>
@ -1020,4 +1020,4 @@ var positiveBalance = dataset.get({
<script src="../js/tipuesearch.config.js"></script>
<script src="../js/tipuesearch.js"></script>
<!-- controller -->
<script src="../js/main.js"></script>
<script src="../js/main.js"></script>

+ 20
- 15
docs/graph2d/index.html View File

@ -246,8 +246,6 @@
<p>
Graph2d can load data from an <code>Array</code>, a <code>DataSet</code> (offering 2 way data binding), or a <code>DataView</code> (offering one way data binding).
Objects are added to this DataSet by using the <code>add()</code> function.
Data points must have properties <code>x</code>, <code>y</code>, and <code>z</code>,
and can optionally have a property <code>style</code> and <code>filter</code>.
<p>
Graph2d can be provided with two types of data:
</p>
@ -578,7 +576,7 @@ drawPoints: {
3. <code>Function</code>: If a function is provided it will be used as a callback. The function may return values from listing 1 or 2.<br />
<pre class="prettyprint lang-js">
drawPoints: function(item, group, graph2d) {
drawPoints: function(item, group) {
...
}
</pre>
@ -743,7 +741,7 @@ onRender: function(item, group, graph2d) {
<td>stack</td>
<td>Boolean</td>
<td>true</td>
<td>If stack is enabled, the graphs will be stacked upon eachother when applicable. This currently only works with bar graphs but linegraph support is being worked on.</td>
<td>If stack is enabled, the graphs will be stacked upon each-other when applicable. A group can opt-out of stacking through the "excludeFromStacking" option.</td>
</tr>
<tr class='toggle collapsible' onclick="toggleTable('g2dOptions','shaded', this);">
<td class="greenField"><span parent="shaded" class="right-caret"></span> shaded</td>
@ -761,7 +759,17 @@ onRender: function(item, group, graph2d) {
<td class="greenField indent">shaded.orientation</td>
<td>String</td>
<td>'bottom'</td>
<td>This determines if the shaded area is at the bottom or at the top of the curve. The options are 'bottom' or 'top'.</td>
<td>This determines if the shaded area is at the bottom or at the top of the curve, or always towards the zero-axis of the graph.
The options are 'zero', 'bottom', 'top', or the special case of 'group'. If group is chosen, the option groupId is required.
See <a href="../../examples/graph2d/20_shading.html">Example 20</a> what these options look like.
</td>
</tr>
<tr parent="shaded" class="hidden">
<td class="greenField indent">shaded.groupId</td>
<td>String</td>
<td>undefined</td>
<td>The id of the group which should be used as the other shading limit.
</td>
</tr>
<tr parent="shaded" class="hidden">
<td class="greenField indent">shaded.style</td>
@ -786,7 +794,13 @@ onRender: function(item, group, graph2d) {
<td class="greenField">excludeFromLegend</td>
<td>Boolean</td>
<td>false</td>
<td>Group option only. Excludes the the group from beeing listed in the legend.</td>
<td>Group option only. Excludes the group from being listed in the legend.</td>
</tr>
<tr>
<td class="greenField">excludeFromStacking</td>
<td>Boolean</td>
<td>false</td>
<td>Group option only. Excludes the group from being included in the stacking.</td>
</tr>
</table>
@ -1318,15 +1332,6 @@ Graph2d.off('rangechanged', onChange);
</td>
</tr>
<tr>
<td>finishedRedraw</td>
<td>
none.
</td>
<td>Fired after a redraw is complete. When moving the Graph2d around, this could be fired frequently.
</td>
</tr>
<tr>
<td>rangechange</td>
<td>

+ 1
- 1
docs/timeline/index.html View File

@ -1529,7 +1529,7 @@ var items = new vis.DataSet([
};
</pre>
A full example is available here: <a href="../../examples/timeline/08_manipulation_callbacks.html">08_manipulation_callbacks.html</a>.
A full example is available here: <a href="../../examples/timeline/editing/editingItemsCallbacks.html">editingItemsCallbacks.html</a>.
<h2 id="Templates">Templates</h2>

BIN
download/vis.zip View File


+ 1
- 1
examples/graph2d/06_interpolation.html View File

@ -88,7 +88,7 @@
}
var options = {
dataPoints: false,
drawPoints: false,
dataAxis: {visible: false},
legend: true,
start: '2014-06-11',

+ 14
- 13
examples/graph2d/17_dynamicStyling.html View File

@ -79,7 +79,8 @@
<select id="fill" onchange="updateStyle()">
<option value="">none</option>
<option value="top">top</option>
<option value="bottom" selected="selected">bottom</option>
<option value="bottom">bottom</option>
<option value="zero" selected="selected">zero</option>
</select>
</td>
</tr>
@ -98,16 +99,16 @@
<td>Fill Opacity</td>
<td>
<select id="fillopacity" onchange="updateStyle()">
<option value="opacity:0.1;">0.1</option>
<option value="opacity:0.2;">0.2</option>
<option value="opacity:0.3;">0.3</option>
<option value="opacity:0.4;">0.4</option>
<option value="opacity:0.5;">0.5</option>
<option value="opacity:0.6;" selected="selected">0.6</option>
<option value="opacity:0.7;">0.7</option>
<option value="opacity:0.8;">0.8</option>
<option value="opacity:0.9;">0.9</option>
<option value="opacity:1;">1</option>
<option value="fill-opacity:0.1;">0.1</option>
<option value="fill-opacity:0.2;">0.2</option>
<option value="fill-opacity:0.3;">0.3</option>
<option value="fill-opacity:0.4;">0.4</option>
<option value="fill-opacity:0.5;">0.5</option>
<option value="fill-opacity:0.6;" selected="selected">0.6</option>
<option value="fill-opacity:0.7;">0.7</option>
<option value="fill-opacity:0.8;">0.8</option>
<option value="fill-opacity:0.9;">0.9</option>
<option value="fill-opacity:1;">1</option>
</select>
</td>
</tr>
@ -187,7 +188,7 @@
{x: '2014-06-11', y: 10, group: 0},
{x: '2014-06-12', y: 25, group: 0},
{x: '2014-06-13', y: 30, group: 0},
{x: '2014-06-14', y: 10, group: 0},
{x: '2014-06-14', y: -10, group: 0},
{x: '2014-06-15', y: 15, group: 0},
{x: '2014-06-16', y: 30, group: 0}
];
@ -210,7 +211,7 @@
style: 'square' // square, circle
},
shaded: {
orientation: 'bottom' // top, bottom
orientation: 'zero' // top, bottom
}
}
};

+ 1
- 0
examples/network/exampleUtil.js View File

@ -79,6 +79,7 @@ function getScaleFreeNetworkSeeded(nodeCount) {
var nodes = [];
var edges = [];
var connectionCount = [];
randomSeed = 764;
// randomly create some nodes and edges
for (var i = 0; i < nodeCount; i++) {

+ 1
- 1
examples/network/layout/hierarchicalLayout.html View File

@ -57,7 +57,7 @@
}
</script>
<script src="../googleAnalytics.js"></script>
<script src="../../googleAnalytics.js"></script>
</head>
<body onload="draw();">

+ 5
- 5
index.html View File

@ -28,7 +28,7 @@
<script src="./js/smooth-scroll.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.10.0/vis.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.11.0/vis.min.js"></script>
<script language="JavaScript">
smoothScroll.init();
@ -36,7 +36,7 @@
function evalLinks() {
if (typeof vis === 'undefined') {
console.log(document.getElementById("linkStatus"));
document.getElementById("linkStatus").innerHTML = "Note: The latest version (4.10.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.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("cdn_vis").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>
<h3>link from cdnjs.com</h3>
<p>
<a id="cdn_vis" href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.10.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.10.0/vis.min.css" target="_blank">vis.min.css</a> <br>
<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_css" href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.11.0/vis.min.css" target="_blank">vis.min.css</a> <br>
<span id="linkStatus"></span>
</p>
<h3>download</h3>
<p>
<a href="download/vis.zip">vis.zip (version <span class="version">4.10.0</span>)</a>
<a href="download/vis.zip">vis.zip (version <span class="version">4.11.0</span>)</a>
</p>
</div>
</div>

Loading…
Cancel
Save