Browse Source

updated docs and examples with new constructors.

v3_develop
Alex de Mulder 10 years ago
parent
commit
551da77113
10 changed files with 24 additions and 19 deletions
  1. +2
    -1
      docs/graph2d.html
  2. +9
    -5
      docs/timeline.html
  3. +1
    -1
      examples/graph2d/03_groups.html
  4. +1
    -1
      examples/graph2d/04_rightAxis.html
  5. +1
    -1
      examples/graph2d/05_bothAxis.html
  6. +1
    -1
      examples/graph2d/06_interpolation.html
  7. +1
    -1
      examples/graph2d/09_external_legend.html
  8. +1
    -1
      examples/graph2d/11_barsSideBySideGroups.html
  9. +1
    -1
      examples/graph2d/12_customRange.html
  10. +6
    -6
      examples/graph2d/14_toggleGroups.html

+ 2
- 1
docs/graph2d.html View File

@ -113,7 +113,8 @@
Groups is a vis <code>DataSet</code> containing groups. The available options and the method of construction Groups is a vis <code>DataSet</code> containing groups. The available options and the method of construction
are described in section <a href="#Group_Options">Data Format</a>. are described in section <a href="#Group_Options">Data Format</a>.
</p> </p>
<pre class="prettyprint lang-js">var graph = new vis.Graph2d(container [, data] [, options] [,groups]);</pre>
<pre class="prettyprint lang-js">var graph = new vis.Graph2d(container [, data] [, groups] [, options]);</pre>
For backwards compatibility, groups and options can be interchanged.
<p> <p>
Data, options and groups can be set or changed later on using the functions Data, options and groups can be set or changed later on using the functions

+ 9
- 5
docs/timeline.html View File

@ -111,17 +111,21 @@
The constructor of the Timeline is <code>vis.Timeline</code> The constructor of the Timeline is <code>vis.Timeline</code>
<pre class="prettyprint lang-js">var timeline = new vis.Timeline(container, items, options);</pre> <pre class="prettyprint lang-js">var timeline = new vis.Timeline(container, items, options);</pre>
or when using groups:
<pre class="prettyprint lang-js">var timeline = new vis.Timeline(container, items, groups, options);</pre>
The constructor accepts three parameters:
The constructor accepts four parameters:
<ul> <ul>
<li> <li>
<code>container</code> is the DOM element in which to create the timeline. <code>container</code> is the DOM element in which to create the timeline.
</li> </li>
<li> <li>
<code>items</code> is an Array containing items. The properties of an <code>items</code> is an Array containing items. The properties of an
item are described in section <a href="#Data_Format">Data Format</a>.
</li>
item are described in section <a href="#Data_Format">Data Format, items</a>.
</li><li>
<code>groups</code> is an Array containing groups. The properties of a
group are described in section <a href="#groups">Data Format, groups</a>.
</li>
<li> <li>
<code>options</code> is an optional Object containing a name-value map <code>options</code> is an optional Object containing a name-value map
with options. Options can also be set using the method with options. Options can also be set using the method
@ -259,7 +263,7 @@ var items = [
<code>content</code>, and <code>className</code> (optional). <code>content</code>, and <code>className</code> (optional).
</p> </p>
<p> <p>
Groups can be applied to a timeline using the method <code>setGroups</code>.
Groups can be applied to a timeline using the method <code>setGroups</code> or supplied in the constructor.
A table with groups can be created like: A table with groups can be created like:
</p> </p>

+ 1
- 1
examples/graph2d/03_groups.html View File

@ -105,7 +105,7 @@
start: '2014-06-10', start: '2014-06-10',
end: '2014-07-04' end: '2014-07-04'
}; };
var graph2d = new vis.Graph2d(container, dataset, options, groups);
var graph2d = new vis.Graph2d(container, dataset, groups, options);
</script> </script>
</body> </body>

+ 1
- 1
examples/graph2d/04_rightAxis.html View File

@ -119,7 +119,7 @@
end: '2014-07-04', end: '2014-07-04',
movable: false movable: false
}; };
var graph2d = new vis.Graph2d(container, dataset, options, groups);
var graph2d = new vis.Graph2d(container, dataset, groups, options);
</script> </script>
</body> </body>

+ 1
- 1
examples/graph2d/05_bothAxis.html View File

@ -131,7 +131,7 @@
start: '2014-06-09', start: '2014-06-09',
end: '2014-07-03' end: '2014-07-03'
}; };
var graph2d = new vis.Graph2d(container, items, options, groups);
var graph2d = new vis.Graph2d(container, items, groups, options);
</script> </script>
</body> </body>

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

@ -94,7 +94,7 @@
start: '2014-06-11', start: '2014-06-11',
end: '2014-06-22' end: '2014-06-22'
}; };
var graph2d = new vis.Graph2d(container, dataset, options, groups);
var graph2d = new vis.Graph2d(container, dataset, groups, options);
</script> </script>
</body> </body>

+ 1
- 1
examples/graph2d/09_external_legend.html View File

@ -287,7 +287,7 @@
start: '2014-06-09', start: '2014-06-09',
end: '2014-07-03' end: '2014-07-03'
}; };
var graph2d = new vis.Graph2d(container, items, options, groups);
var graph2d = new vis.Graph2d(container, items, groups, options);
/** /**

+ 1
- 1
examples/graph2d/11_barsSideBySideGroups.html View File

@ -71,7 +71,7 @@
start: '2014-06-10', start: '2014-06-10',
end: '2014-06-18' end: '2014-06-18'
}; };
var graph2d = new vis.Graph2d(container, items, options,groups);
var graph2d = new vis.Graph2d(container, items, groups, options);
var dropdown = document.getElementById("dropdownID"); var dropdown = document.getElementById("dropdownID");
dropdown.onchange = update; dropdown.onchange = update;

+ 1
- 1
examples/graph2d/12_customRange.html View File

@ -87,7 +87,7 @@ var options = {
start: '2014-06-10', start: '2014-06-10',
end: '2014-06-18' end: '2014-06-18'
}; };
var graph2d = new vis.Graph2d(container, items, options,groups);
var graph2d = new vis.Graph2d(container, items, groups, options);
</script> </script>
</body> </body>

+ 6
- 6
examples/graph2d/14_toggleGroups.html View File

@ -128,12 +128,12 @@
showMajorLabels:false, showMajorLabels:false,
showMinorLabels:false showMinorLabels:false
}; };
var graph2d1 = new vis.Graph2d(document.getElementById('visualization1'), dataset, options, groups);
var graph2d2 = new vis.Graph2d(document.getElementById('visualization2'), dataset, options, groups);
var graph2d3 = new vis.Graph2d(document.getElementById('visualization3'), dataset, options, groups);
var graph2d4 = new vis.Graph2d(document.getElementById('visualization4'), dataset, options, groups);
var graph2d5 = new vis.Graph2d(document.getElementById('visualization5'), dataset, options, groups);
var graph2d6 = new vis.Graph2d(document.getElementById('visualization6'), dataset, options, groups);
var graph2d1 = new vis.Graph2d(document.getElementById('visualization1'), dataset, groups, options);
var graph2d2 = new vis.Graph2d(document.getElementById('visualization2'), dataset, groups, options);
var graph2d3 = new vis.Graph2d(document.getElementById('visualization3'), dataset, groups, options);
var graph2d4 = new vis.Graph2d(document.getElementById('visualization4'), dataset, groups, options);
var graph2d5 = new vis.Graph2d(document.getElementById('visualization5'), dataset, groups, options);
var graph2d6 = new vis.Graph2d(document.getElementById('visualization6'), dataset, groups, options);
graph2d1.setOptions({groups:{visibility:{0:true, 1:false, 2:false, 3:false, "__ungrouped__":false}}}) graph2d1.setOptions({groups:{visibility:{0:true, 1:false, 2:false, 3:false, "__ungrouped__":false}}})
graph2d2.setOptions({groups:{visibility:{0:false, 1:true, 2:false, 3:false, "__ungrouped__":false}}}) graph2d2.setOptions({groups:{visibility:{0:false, 1:true, 2:false, 3:false, "__ungrouped__":false}}})

Loading…
Cancel
Save