From 77faead4e948f901fa6ca9951f085bbe045bae68 Mon Sep 17 00:00:00 2001 From: Pliable Pixels Date: Mon, 7 Nov 2016 15:43:13 -0500 Subject: Updated vis library to 4.17 and also linked to only graph2d-timeline CSS and JS --- www/lib/vis/examples/graph2d/01_basic.html | 2 +- www/lib/vis/examples/graph2d/02_bars.html | 2 +- www/lib/vis/examples/graph2d/03_groups.html | 2 +- www/lib/vis/examples/graph2d/04_rightAxis.html | 2 +- www/lib/vis/examples/graph2d/05_bothAxis.html | 2 +- www/lib/vis/examples/graph2d/06_interpolation.html | 2 +- .../examples/graph2d/07_scrollingAndSorting.html | 2 +- www/lib/vis/examples/graph2d/08_performance.html | 2 +- .../vis/examples/graph2d/09_external_legend.html | 6 +- .../vis/examples/graph2d/10_barsSideBySide.html | 2 +- .../examples/graph2d/11_barsSideBySideGroups.html | 2 +- www/lib/vis/examples/graph2d/12_customRange.html | 2 +- www/lib/vis/examples/graph2d/13_localization.html | 2 +- www/lib/vis/examples/graph2d/14_toggleGroups.html | 2 +- .../vis/examples/graph2d/15_streaming_data.html | 2 +- .../vis/examples/graph2d/16_bothAxisTitles.html | 2 +- .../vis/examples/graph2d/17_dynamicStyling.html | 2 +- www/lib/vis/examples/graph2d/18_scatterplot.html | 2 +- www/lib/vis/examples/graph2d/19_labels.html | 2 +- www/lib/vis/examples/graph2d/20_shading.html | 2 +- www/lib/vis/examples/graph3d/11_tooltips.html | 24 ++- www/lib/vis/examples/graph3d/playground/index.html | 4 + .../vis/examples/graph3d/playground/playground.js | 1 + www/lib/vis/examples/network/basicUsage.html | 2 +- www/lib/vis/examples/network/data/datasets.html | 2 +- .../network/data/dotLanguage/dotLanguage.html | 2 +- .../network/data/dotLanguage/dotPlayground.html | 2 +- www/lib/vis/examples/network/data/dynamicData.html | 2 +- .../examples/network/data/importingFromGephi.html | 2 +- .../vis/examples/network/data/scalingCustom.html | 2 +- .../examples/network/data/scalingNodesEdges.html | 2 +- .../network/data/scalingNodesEdgesLabels.html | 2 +- .../examples/network/edgeStyles/arrowTypes.html | 55 +++++++ .../vis/examples/network/edgeStyles/arrows.html | 2 +- .../vis/examples/network/edgeStyles/colors.html | 2 +- .../vis/examples/network/edgeStyles/dashes.html | 2 +- .../vis/examples/network/edgeStyles/smooth.html | 2 +- .../network/edgeStyles/smoothWorldCup.html | 2 +- .../examples/network/events/interactionEvents.html | 2 +- .../vis/examples/network/events/physicsEvents.html | 2 +- .../vis/examples/network/events/renderEvents.html | 2 +- .../exampleApplications/disassemblerExample.html | 2 +- .../network/exampleApplications/lesMiserables.html | 2 +- .../network/exampleApplications/loadingBar.html | 2 +- .../neighbourhoodHighlight.html | 2 +- .../network/exampleApplications/nodeLegend.html | 2 +- .../exampleApplications/worldCupPerformance.html | 2 +- .../examples/network/labels/labelAlignment.html | 2 +- .../examples/network/labels/labelBackground.html | 2 +- .../examples/network/labels/labelColorAndSize.html | 2 +- .../vis/examples/network/labels/labelStroke.html | 2 +- .../vis/examples/network/labels/multilineText.html | 2 +- .../network/layout/hierarchicalLayout.html | 2 +- .../network/layout/hierarchicalLayoutMethods.html | 2 +- .../layout/hierarchicalLayoutUserdefined.html | 2 +- .../layout/hierarchicalLayoutWithoutPhysics.html | 2 +- .../vis/examples/network/layout/randomSeed.html | 2 +- .../examples/network/nodeStyles/HTMLInNodes.html | 9 +- .../network/nodeStyles/circularImages.html | 2 +- .../vis/examples/network/nodeStyles/colors.html | 2 +- .../examples/network/nodeStyles/customGroups.html | 2 +- .../vis/examples/network/nodeStyles/groups.html | 2 +- www/lib/vis/examples/network/nodeStyles/icons.html | 2 +- .../vis/examples/network/nodeStyles/images.html | 2 +- .../network/nodeStyles/imagesWithBorders.html | 2 +- .../vis/examples/network/nodeStyles/shadows.html | 2 +- .../vis/examples/network/nodeStyles/shapes.html | 21 +-- .../nodeStyles/shapesWithDashedBorders.html | 2 +- .../examples/network/other/animationShowcase.html | 2 +- .../network/other/changingClusteredEdgesNodes.html | 107 +++++++++++++ www/lib/vis/examples/network/other/clustering.html | 2 +- .../examples/network/other/clusteringByZoom.html | 2 +- .../examples/network/other/clustersOfclusters.html | 75 +++++++++ .../vis/examples/network/other/configuration.html | 2 +- .../vis/examples/network/other/manipulation.html | 29 +++- www/lib/vis/examples/network/other/navigation.html | 4 +- .../vis/examples/network/other/performance.html | 2 +- .../vis/examples/network/other/saveAndLoad.html | 177 +++++++++++++++++++++ .../network/physics/physicsConfiguration.html | 2 +- www/lib/vis/examples/timeline/basicUsage.html | 2 +- .../timeline/dataHandling/dataSerialization.html | 21 +-- .../timeline/dataHandling/loadExternalData.html | 2 +- .../timeline/editing/customSnappingOfItems.html | 2 +- .../examples/timeline/editing/editingItems.html | 2 +- .../timeline/editing/editingItemsCallbacks.html | 2 +- .../timeline/editing/individualEditableItems.html | 2 +- .../timeline/editing/tooltipOnItemChange.html | 130 +++++++++++++++ .../timeline/editing/updateDataOnEvent.html | 2 +- www/lib/vis/examples/timeline/groups/groups.html | 2 +- .../examples/timeline/groups/groupsEditable.html | 2 +- .../examples/timeline/groups/groupsOrdering.html | 2 +- .../vis/examples/timeline/groups/subgroups.html | 2 +- .../timeline/groups/verticalItemsHide.html | 126 +++++++++++++++ .../timeline/interaction/animateWindow.html | 2 +- .../examples/timeline/interaction/clickToUse.html | 2 +- .../timeline/interaction/eventListeners.html | 17 +- .../timeline/interaction/limitMoveAndZoom.html | 2 +- .../timeline/interaction/navigationMenu.html | 22 +-- .../timeline/interaction/setSelection.html | 2 +- .../examples/timeline/items/backgroundAreas.html | 2 +- .../timeline/items/backgroundAreasWithGroups.html | 2 +- .../vis/examples/timeline/items/htmlContents.html | 2 +- .../vis/examples/timeline/items/itemOrdering.html | 2 +- .../vis/examples/timeline/items/pointItems.html | 4 +- .../examples/timeline/items/rangeOverflowItem.html | 2 +- .../examples/timeline/other/customTimeBars.html | 2 +- .../examples/timeline/other/dataAttributes.html | 2 +- .../examples/timeline/other/dataAttributesAll.html | 2 +- www/lib/vis/examples/timeline/other/drag&drop.html | 131 +++++++++++++++ .../timeline/other/functionLabelFormats.html | 141 ++++++++++++++++ .../examples/timeline/other/groupsPerformance.html | 2 +- .../vis/examples/timeline/other/hidingPeriods.html | 2 +- .../examples/timeline/other/horizontalScroll.html | 77 +++++++++ .../vis/examples/timeline/other/localization.html | 6 +- .../vis/examples/timeline/other/performance.html | 2 +- .../other/requirejs/requirejs_example.html | 2 +- www/lib/vis/examples/timeline/other/rtl.html | 57 ++----- www/lib/vis/examples/timeline/other/timezone.html | 2 +- .../vis/examples/timeline/other/usingReact.html | 123 ++++++++++++++ .../examples/timeline/other/verticalScroll.html | 93 +++++++++++ .../examples/timeline/styling/axisOrientation.html | 2 +- .../vis/examples/timeline/styling/customCss.html | 2 +- .../vis/examples/timeline/styling/gridStyling.html | 2 +- .../examples/timeline/styling/itemClassNames.html | 4 +- .../examples/timeline/styling/itemTemplates.html | 4 +- 125 files changed, 1457 insertions(+), 207 deletions(-) create mode 100644 www/lib/vis/examples/network/edgeStyles/arrowTypes.html create mode 100644 www/lib/vis/examples/network/other/changingClusteredEdgesNodes.html create mode 100644 www/lib/vis/examples/network/other/clustersOfclusters.html create mode 100644 www/lib/vis/examples/network/other/saveAndLoad.html create mode 100644 www/lib/vis/examples/timeline/editing/tooltipOnItemChange.html create mode 100644 www/lib/vis/examples/timeline/groups/verticalItemsHide.html create mode 100644 www/lib/vis/examples/timeline/other/drag&drop.html create mode 100644 www/lib/vis/examples/timeline/other/functionLabelFormats.html create mode 100644 www/lib/vis/examples/timeline/other/horizontalScroll.html create mode 100644 www/lib/vis/examples/timeline/other/usingReact.html create mode 100644 www/lib/vis/examples/timeline/other/verticalScroll.html (limited to 'www/lib/vis/examples') diff --git a/www/lib/vis/examples/graph2d/01_basic.html b/www/lib/vis/examples/graph2d/01_basic.html index 68ec7cbd..22c0931f 100644 --- a/www/lib/vis/examples/graph2d/01_basic.html +++ b/www/lib/vis/examples/graph2d/01_basic.html @@ -13,7 +13,7 @@ - +

Graph2d | Basic Example

diff --git a/www/lib/vis/examples/graph2d/02_bars.html b/www/lib/vis/examples/graph2d/02_bars.html index 28493c42..42957d74 100644 --- a/www/lib/vis/examples/graph2d/02_bars.html +++ b/www/lib/vis/examples/graph2d/02_bars.html @@ -10,7 +10,7 @@ - +

Graph2d | Bar Graph Example

diff --git a/www/lib/vis/examples/graph2d/03_groups.html b/www/lib/vis/examples/graph2d/03_groups.html index 19f3ab8c..fe5fa887 100644 --- a/www/lib/vis/examples/graph2d/03_groups.html +++ b/www/lib/vis/examples/graph2d/03_groups.html @@ -11,7 +11,7 @@ - +

Graph2d | Groups Example

diff --git a/www/lib/vis/examples/graph2d/04_rightAxis.html b/www/lib/vis/examples/graph2d/04_rightAxis.html index 756d9045..f13af137 100644 --- a/www/lib/vis/examples/graph2d/04_rightAxis.html +++ b/www/lib/vis/examples/graph2d/04_rightAxis.html @@ -24,7 +24,7 @@ - +

Graph2d | Right Axis Example

diff --git a/www/lib/vis/examples/graph2d/05_bothAxis.html b/www/lib/vis/examples/graph2d/05_bothAxis.html index 093c896f..7b2a04c2 100644 --- a/www/lib/vis/examples/graph2d/05_bothAxis.html +++ b/www/lib/vis/examples/graph2d/05_bothAxis.html @@ -2,7 +2,7 @@ Graph2d | Both Axis Example - + - +

Graph2d | Scrolling and Sorting

diff --git a/www/lib/vis/examples/graph2d/08_performance.html b/www/lib/vis/examples/graph2d/08_performance.html index 9625b51d..9a2ad2e1 100644 --- a/www/lib/vis/examples/graph2d/08_performance.html +++ b/www/lib/vis/examples/graph2d/08_performance.html @@ -18,7 +18,7 @@ - +

Graph2d | Performance

diff --git a/www/lib/vis/examples/graph2d/09_external_legend.html b/www/lib/vis/examples/graph2d/09_external_legend.html index 39ec3228..8ec82fa8 100644 --- a/www/lib/vis/examples/graph2d/09_external_legend.html +++ b/www/lib/vis/examples/graph2d/09_external_legend.html @@ -2,7 +2,7 @@ Graph2d | External legend Example - + - +

Graph2d | Bar Graphs Side by Side Example

diff --git a/www/lib/vis/examples/graph2d/11_barsSideBySideGroups.html b/www/lib/vis/examples/graph2d/11_barsSideBySideGroups.html index 945fd30a..b1ed1504 100644 --- a/www/lib/vis/examples/graph2d/11_barsSideBySideGroups.html +++ b/www/lib/vis/examples/graph2d/11_barsSideBySideGroups.html @@ -10,7 +10,7 @@ - +

Graph2d | Bar Graphs Side by Side Example with Groups

diff --git a/www/lib/vis/examples/graph2d/12_customRange.html b/www/lib/vis/examples/graph2d/12_customRange.html index 79e6a14f..0e85ab53 100644 --- a/www/lib/vis/examples/graph2d/12_customRange.html +++ b/www/lib/vis/examples/graph2d/12_customRange.html @@ -10,7 +10,7 @@ - +

Graph2d | Custom axis range

diff --git a/www/lib/vis/examples/graph2d/13_localization.html b/www/lib/vis/examples/graph2d/13_localization.html index 5410b05b..c0130d5d 100644 --- a/www/lib/vis/examples/graph2d/13_localization.html +++ b/www/lib/vis/examples/graph2d/13_localization.html @@ -15,7 +15,7 @@ - +

Graph2d | Localization

diff --git a/www/lib/vis/examples/graph2d/14_toggleGroups.html b/www/lib/vis/examples/graph2d/14_toggleGroups.html index c699003f..60db882b 100644 --- a/www/lib/vis/examples/graph2d/14_toggleGroups.html +++ b/www/lib/vis/examples/graph2d/14_toggleGroups.html @@ -16,7 +16,7 @@ - +

Graph2d | Groups Example

diff --git a/www/lib/vis/examples/graph2d/15_streaming_data.html b/www/lib/vis/examples/graph2d/15_streaming_data.html index 0eb7cac0..1a822391 100644 --- a/www/lib/vis/examples/graph2d/15_streaming_data.html +++ b/www/lib/vis/examples/graph2d/15_streaming_data.html @@ -13,7 +13,7 @@ - +

Graph2d | Streaming data

diff --git a/www/lib/vis/examples/graph2d/16_bothAxisTitles.html b/www/lib/vis/examples/graph2d/16_bothAxisTitles.html index 3c08b18a..5fe0e6d8 100644 --- a/www/lib/vis/examples/graph2d/16_bothAxisTitles.html +++ b/www/lib/vis/examples/graph2d/16_bothAxisTitles.html @@ -2,7 +2,7 @@ Graph2d | Axis Titles and Styling - + - +

Graph2d | Dynamic Styling Example

diff --git a/www/lib/vis/examples/graph2d/18_scatterplot.html b/www/lib/vis/examples/graph2d/18_scatterplot.html index d56f8222..bdeb63e4 100644 --- a/www/lib/vis/examples/graph2d/18_scatterplot.html +++ b/www/lib/vis/examples/graph2d/18_scatterplot.html @@ -10,7 +10,7 @@ - +

Graph2d | Scatterplot

diff --git a/www/lib/vis/examples/graph2d/19_labels.html b/www/lib/vis/examples/graph2d/19_labels.html index 6fd102bf..f93853eb 100644 --- a/www/lib/vis/examples/graph2d/19_labels.html +++ b/www/lib/vis/examples/graph2d/19_labels.html @@ -17,7 +17,7 @@ - +

Graph2d | Label Example

diff --git a/www/lib/vis/examples/graph2d/20_shading.html b/www/lib/vis/examples/graph2d/20_shading.html index 1fc0980c..1bfb4bdb 100644 --- a/www/lib/vis/examples/graph2d/20_shading.html +++ b/www/lib/vis/examples/graph2d/20_shading.html @@ -11,7 +11,7 @@ - +

Graph2d | Shading Example

diff --git a/www/lib/vis/examples/graph3d/11_tooltips.html b/www/lib/vis/examples/graph3d/11_tooltips.html index 6ae32a39..c37b35f4 100644 --- a/www/lib/vis/examples/graph3d/11_tooltips.html +++ b/www/lib/vis/examples/graph3d/11_tooltips.html @@ -5,6 +5,12 @@ @@ -24,6 +30,11 @@ // Create and populate a data table. data = new vis.DataSet(); + var extra_content = [ + 'Arbitrary information', + 'You can access data from the point source object', + 'Tooltip example content', + ]; // create some nice looking data with sin/cos var steps = 5; // number of datapoints will be steps*steps @@ -34,10 +45,10 @@ var z = custom(x,y); if (withValue) { var value = (y - x); - data.add({x:x, y:y, z: z, style:value}); + data.add({x:x, y:y, z: z, style:value, extra: extra_content[(x*y) % extra_content.length]}); } else { - data.add({x:x, y:y, z: z}); + data.add({x:x, y:y, z: z, extra: extra_content[(x*y) % extra_content.length]}); } } } @@ -48,14 +59,16 @@ height: '600px', style: style, showPerspective: true, + showLegend: true, showGrid: true, showShadow: false, // Option tooltip can be true, false, or a function returning a string with HTML contents //tooltip: true, tooltip: function (point) { - // parameter point contains properties x, y, z - return 'value: ' + point.z + ''; + // parameter point contains properties x, y, z, and data + // data is the original object passed to the point constructor + return 'value: ' + point.z + '
' + point.data.extra; }, keepAspectRatio: true, @@ -99,6 +112,7 @@
-
+
Hover the mouse cursor over the graph to see tooltips.
+ diff --git a/www/lib/vis/examples/graph3d/playground/index.html b/www/lib/vis/examples/graph3d/playground/index.html index 4f42260e..134bb264 100644 --- a/www/lib/vis/examples/graph3d/playground/index.html +++ b/www/lib/vis/examples/graph3d/playground/index.html @@ -116,6 +116,10 @@ showPerspective + + showLegend + + showShadow diff --git a/www/lib/vis/examples/graph3d/playground/playground.js b/www/lib/vis/examples/graph3d/playground/playground.js index 5b93dddb..a2e28728 100644 --- a/www/lib/vis/examples/graph3d/playground/playground.js +++ b/www/lib/vis/examples/graph3d/playground/playground.js @@ -407,6 +407,7 @@ function getOptions() { showAnimationControls: (document.getElementById("showAnimationControls").checked != false), showGrid: (document.getElementById("showGrid").checked != false), showPerspective: (document.getElementById("showPerspective").checked != false), + showLegend: (document.getElementById("showLegend").checked != false), showShadow: (document.getElementById("showShadow").checked != false), keepAspectRatio: (document.getElementById("keepAspectRatio").checked != false), verticalRatio: document.getElementById("verticalRatio").value, diff --git a/www/lib/vis/examples/network/basicUsage.html b/www/lib/vis/examples/network/basicUsage.html index 278b938e..2b8b086c 100644 --- a/www/lib/vis/examples/network/basicUsage.html +++ b/www/lib/vis/examples/network/basicUsage.html @@ -4,7 +4,7 @@ Network | Basic usage - + - + - + - + - + - + + + + + + + +

+ There two type of liner endings. The classical "arrow" (default) and "circle". +

+ +
+ + + + + + diff --git a/www/lib/vis/examples/network/edgeStyles/arrows.html b/www/lib/vis/examples/network/edgeStyles/arrows.html index 6baed1cf..b9d43636 100644 --- a/www/lib/vis/examples/network/edgeStyles/arrows.html +++ b/www/lib/vis/examples/network/edgeStyles/arrows.html @@ -4,7 +4,7 @@ Network | Basic usage - + - + diff --git a/www/lib/vis/examples/network/exampleApplications/lesMiserables.html b/www/lib/vis/examples/network/exampleApplications/lesMiserables.html index bf39a462..b97c32b0 100644 --- a/www/lib/vis/examples/network/exampleApplications/lesMiserables.html +++ b/www/lib/vis/examples/network/exampleApplications/lesMiserables.html @@ -12,7 +12,7 @@ - + - + - + diff --git a/www/lib/vis/examples/network/exampleApplications/nodeLegend.html b/www/lib/vis/examples/network/exampleApplications/nodeLegend.html index fdf4ef81..69769d9b 100644 --- a/www/lib/vis/examples/network/exampleApplications/nodeLegend.html +++ b/www/lib/vis/examples/network/exampleApplications/nodeLegend.html @@ -19,7 +19,7 @@ - + - + diff --git a/www/lib/vis/examples/network/labels/labelAlignment.html b/www/lib/vis/examples/network/labels/labelAlignment.html index 2397e219..42eb9bd0 100644 --- a/www/lib/vis/examples/network/labels/labelAlignment.html +++ b/www/lib/vis/examples/network/labels/labelAlignment.html @@ -4,7 +4,7 @@ Network | Label alignment - + - + - + - + - + - + - + - + - + - + diff --git a/www/lib/vis/examples/network/nodeStyles/groups.html b/www/lib/vis/examples/network/nodeStyles/groups.html index 03778330..148ffa64 100644 --- a/www/lib/vis/examples/network/nodeStyles/groups.html +++ b/www/lib/vis/examples/network/nodeStyles/groups.html @@ -19,7 +19,7 @@ - + diff --git a/www/lib/vis/examples/network/nodeStyles/icons.html b/www/lib/vis/examples/network/nodeStyles/icons.html index 0b27fbcb..859fc065 100644 --- a/www/lib/vis/examples/network/nodeStyles/icons.html +++ b/www/lib/vis/examples/network/nodeStyles/icons.html @@ -6,7 +6,7 @@ Network | node as icon - + diff --git a/www/lib/vis/examples/network/nodeStyles/images.html b/www/lib/vis/examples/network/nodeStyles/images.html index a64689d5..78810181 100644 --- a/www/lib/vis/examples/network/nodeStyles/images.html +++ b/www/lib/vis/examples/network/nodeStyles/images.html @@ -12,7 +12,7 @@ - + - + - + diff --git a/www/lib/vis/examples/network/nodeStyles/shapes.html b/www/lib/vis/examples/network/nodeStyles/shapes.html index 1f4b92ba..26625301 100644 --- a/www/lib/vis/examples/network/nodeStyles/shapes.html +++ b/www/lib/vis/examples/network/nodeStyles/shapes.html @@ -12,7 +12,7 @@ - + - + - + + + + + + + + + + +

+Demonstrating getBaseEdge, getClusteredEdges updateEdge and updateClusteredNode.

+

+ +
+

+
+
+
+
+
diff --git a/www/lib/vis/examples/network/other/clustering.html b/www/lib/vis/examples/network/other/clustering.html
index 2f2eb8eb..bd68c42f 100644
--- a/www/lib/vis/examples/network/other/clustering.html
+++ b/www/lib/vis/examples/network/other/clustering.html
@@ -4,7 +4,7 @@
   Network | Clustering
 
   
-  
+  
 
   
+
+
+

+ Clusters can contain other clusters, but clusters of a single node is only possible by adding +

allowSingleNodeCluster: true
+to clusterNodeProperties
+In this example repeatedly clicking on the node with open the Clusters. +

+
+
+ + + diff --git a/www/lib/vis/examples/network/other/configuration.html b/www/lib/vis/examples/network/other/configuration.html index 74bf9e79..a13470d4 100644 --- a/www/lib/vis/examples/network/other/configuration.html +++ b/www/lib/vis/examples/network/other/configuration.html @@ -29,7 +29,7 @@ - + - + - +

Editing the nodes and edges (localized)

The localization is only relevant to the manipulation buttons. @@ -148,8 +165,13 @@

@@ -169,4 +191,3 @@ - diff --git a/www/lib/vis/examples/network/other/navigation.html b/www/lib/vis/examples/network/other/navigation.html index 3d7eda25..760bb539 100644 --- a/www/lib/vis/examples/network/other/navigation.html +++ b/www/lib/vis/examples/network/other/navigation.html @@ -29,7 +29,7 @@ - + - + + + + + + + + +

+ In this example, the network data can be exported to JSON and imported back into the network. + + Try this out by exporting the network to JSON, clearing the network and then importing it again. The nodes will all appear in the same position as they were before the network was destroyed. +

+ +
+ +
+ + + + +
+ + + + \ No newline at end of file diff --git a/www/lib/vis/examples/network/physics/physicsConfiguration.html b/www/lib/vis/examples/network/physics/physicsConfiguration.html index 5a95f215..d28d20db 100644 --- a/www/lib/vis/examples/network/physics/physicsConfiguration.html +++ b/www/lib/vis/examples/network/physics/physicsConfiguration.html @@ -24,7 +24,7 @@ - + - + diff --git a/www/lib/vis/examples/timeline/dataHandling/dataSerialization.html b/www/lib/vis/examples/timeline/dataHandling/dataSerialization.html index 1b3fcfa7..79b6aebf 100644 --- a/www/lib/vis/examples/timeline/dataHandling/dataSerialization.html +++ b/www/lib/vis/examples/timeline/dataHandling/dataSerialization.html @@ -24,7 +24,7 @@ - + @@ -35,12 +35,12 @@ @@ -89,9 +89,10 @@ function saveData() { // get the data from the DataSet + // // Note that we specify the output type of the fields start and end - // as ISODate, which is safely serializable. Other serializable types - // are Number (unix timestamp) or ASPDate. + // as "ISODate", which is safely serializable. Other serializable types + // are "Number" (unix timestamp), "ASPDate" or "String" (without timezone!). // // Alternatively, it is possible to configure the DataSet to convert // the output automatically to ISODates like: @@ -118,4 +119,4 @@ loadData(); - \ No newline at end of file + diff --git a/www/lib/vis/examples/timeline/dataHandling/loadExternalData.html b/www/lib/vis/examples/timeline/dataHandling/loadExternalData.html index a5002726..f594d2aa 100644 --- a/www/lib/vis/examples/timeline/dataHandling/loadExternalData.html +++ b/www/lib/vis/examples/timeline/dataHandling/loadExternalData.html @@ -13,7 +13,7 @@ - + diff --git a/www/lib/vis/examples/timeline/editing/customSnappingOfItems.html b/www/lib/vis/examples/timeline/editing/customSnappingOfItems.html index 65a9a510..b1c8ef75 100644 --- a/www/lib/vis/examples/timeline/editing/customSnappingOfItems.html +++ b/www/lib/vis/examples/timeline/editing/customSnappingOfItems.html @@ -4,7 +4,7 @@ Timeline | Custom snapping - + diff --git a/www/lib/vis/examples/timeline/editing/editingItems.html b/www/lib/vis/examples/timeline/editing/editingItems.html index 41f6e7c0..186a363c 100644 --- a/www/lib/vis/examples/timeline/editing/editingItems.html +++ b/www/lib/vis/examples/timeline/editing/editingItems.html @@ -11,7 +11,7 @@ - + diff --git a/www/lib/vis/examples/timeline/editing/editingItemsCallbacks.html b/www/lib/vis/examples/timeline/editing/editingItemsCallbacks.html index e5a7d864..7c15d878 100644 --- a/www/lib/vis/examples/timeline/editing/editingItemsCallbacks.html +++ b/www/lib/vis/examples/timeline/editing/editingItemsCallbacks.html @@ -14,7 +14,7 @@ - + diff --git a/www/lib/vis/examples/timeline/editing/individualEditableItems.html b/www/lib/vis/examples/timeline/editing/individualEditableItems.html index 54312e0d..d6210305 100644 --- a/www/lib/vis/examples/timeline/editing/individualEditableItems.html +++ b/www/lib/vis/examples/timeline/editing/individualEditableItems.html @@ -24,7 +24,7 @@ - + diff --git a/www/lib/vis/examples/timeline/editing/tooltipOnItemChange.html b/www/lib/vis/examples/timeline/editing/tooltipOnItemChange.html new file mode 100644 index 00000000..18380beb --- /dev/null +++ b/www/lib/vis/examples/timeline/editing/tooltipOnItemChange.html @@ -0,0 +1,130 @@ + + + Timeline | Tooltip on item onUpdateTime Option + + + + + + + + + + + +

Timeline Tooltip on item onUpdateTime Option

+ +

With tooltipOnItemUpdateTime: true +

+ +
+ +

With tooltipOnItemUpdateTime: { template: [Function] } +

+ +
+ + +

With groups

+ +
+ + + + diff --git a/www/lib/vis/examples/timeline/editing/updateDataOnEvent.html b/www/lib/vis/examples/timeline/editing/updateDataOnEvent.html index aedb885f..985551ee 100644 --- a/www/lib/vis/examples/timeline/editing/updateDataOnEvent.html +++ b/www/lib/vis/examples/timeline/editing/updateDataOnEvent.html @@ -14,7 +14,7 @@ - + diff --git a/www/lib/vis/examples/timeline/groups/groups.html b/www/lib/vis/examples/timeline/groups/groups.html index 1fe6938e..56bad599 100644 --- a/www/lib/vis/examples/timeline/groups/groups.html +++ b/www/lib/vis/examples/timeline/groups/groups.html @@ -20,7 +20,7 @@ - + diff --git a/www/lib/vis/examples/timeline/groups/groupsEditable.html b/www/lib/vis/examples/timeline/groups/groupsEditable.html index 25ac3a57..a7d275fa 100644 --- a/www/lib/vis/examples/timeline/groups/groupsEditable.html +++ b/www/lib/vis/examples/timeline/groups/groupsEditable.html @@ -23,7 +23,7 @@ - + diff --git a/www/lib/vis/examples/timeline/groups/groupsOrdering.html b/www/lib/vis/examples/timeline/groups/groupsOrdering.html index 8b9d03e2..b4da7755 100644 --- a/www/lib/vis/examples/timeline/groups/groupsOrdering.html +++ b/www/lib/vis/examples/timeline/groups/groupsOrdering.html @@ -17,7 +17,7 @@ - + diff --git a/www/lib/vis/examples/timeline/groups/subgroups.html b/www/lib/vis/examples/timeline/groups/subgroups.html index 770a88d8..0056705d 100644 --- a/www/lib/vis/examples/timeline/groups/subgroups.html +++ b/www/lib/vis/examples/timeline/groups/subgroups.html @@ -21,7 +21,7 @@ - + diff --git a/www/lib/vis/examples/timeline/groups/verticalItemsHide.html b/www/lib/vis/examples/timeline/groups/verticalItemsHide.html new file mode 100644 index 00000000..1f38fffe --- /dev/null +++ b/www/lib/vis/examples/timeline/groups/verticalItemsHide.html @@ -0,0 +1,126 @@ + + + Timeline | A lot of grouped data + + + + + + + + + + +

Timeline vertical visibility

+ + + +
+

visible items:

+

+
+ +
+
+ + + + + diff --git a/www/lib/vis/examples/timeline/interaction/animateWindow.html b/www/lib/vis/examples/timeline/interaction/animateWindow.html index 5ec8d7bd..40a416f1 100644 --- a/www/lib/vis/examples/timeline/interaction/animateWindow.html +++ b/www/lib/vis/examples/timeline/interaction/animateWindow.html @@ -14,7 +14,7 @@ - + diff --git a/www/lib/vis/examples/timeline/interaction/clickToUse.html b/www/lib/vis/examples/timeline/interaction/clickToUse.html index 97d465f6..d00f4428 100644 --- a/www/lib/vis/examples/timeline/interaction/clickToUse.html +++ b/www/lib/vis/examples/timeline/interaction/clickToUse.html @@ -18,7 +18,7 @@ - + diff --git a/www/lib/vis/examples/timeline/interaction/eventListeners.html b/www/lib/vis/examples/timeline/interaction/eventListeners.html index 53f94da6..f3a9bcc5 100644 --- a/www/lib/vis/examples/timeline/interaction/eventListeners.html +++ b/www/lib/vis/examples/timeline/interaction/eventListeners.html @@ -10,7 +10,7 @@ - + @@ -19,6 +19,7 @@

+
\ No newline at end of file diff --git a/www/lib/vis/examples/timeline/interaction/limitMoveAndZoom.html b/www/lib/vis/examples/timeline/interaction/limitMoveAndZoom.html index d6632187..4eadd36a 100644 --- a/www/lib/vis/examples/timeline/interaction/limitMoveAndZoom.html +++ b/www/lib/vis/examples/timeline/interaction/limitMoveAndZoom.html @@ -11,7 +11,7 @@ - + diff --git a/www/lib/vis/examples/timeline/interaction/navigationMenu.html b/www/lib/vis/examples/timeline/interaction/navigationMenu.html index 07ec66c1..cb7c19ad 100755 --- a/www/lib/vis/examples/timeline/interaction/navigationMenu.html +++ b/www/lib/vis/examples/timeline/interaction/navigationMenu.html @@ -23,7 +23,7 @@ - + @@ -69,26 +69,12 @@ }); } - /** - * Zoom the timeline a given percentage in or out - * @param {Number} percentage For example 0.1 (zoom out) or -0.1 (zoom in) - */ - function zoom (percentage) { - var range = timeline.getWindow(); - var interval = range.end - range.start; - - timeline.setWindow({ - start: range.start.valueOf() - interval * percentage, - end: range.end.valueOf() + interval * percentage - }); - } - // attach events to the navigation buttons - document.getElementById('zoomIn').onclick = function () { zoom(-0.2); }; - document.getElementById('zoomOut').onclick = function () { zoom( 0.2); }; + document.getElementById('zoomIn').onclick = function () { timeline.zoomIn( 0.2); }; + document.getElementById('zoomOut').onclick = function () { timeline.zoomOut( 0.2); }; document.getElementById('moveLeft').onclick = function () { move( 0.2); }; document.getElementById('moveRight').onclick = function () { move(-0.2); }; - \ No newline at end of file + diff --git a/www/lib/vis/examples/timeline/interaction/setSelection.html b/www/lib/vis/examples/timeline/interaction/setSelection.html index b68fb022..f6a038ce 100644 --- a/www/lib/vis/examples/timeline/interaction/setSelection.html +++ b/www/lib/vis/examples/timeline/interaction/setSelection.html @@ -11,7 +11,7 @@ - + diff --git a/www/lib/vis/examples/timeline/items/backgroundAreas.html b/www/lib/vis/examples/timeline/items/backgroundAreas.html index 5f6d547c..3ec18a66 100644 --- a/www/lib/vis/examples/timeline/items/backgroundAreas.html +++ b/www/lib/vis/examples/timeline/items/backgroundAreas.html @@ -15,7 +15,7 @@ - + diff --git a/www/lib/vis/examples/timeline/items/backgroundAreasWithGroups.html b/www/lib/vis/examples/timeline/items/backgroundAreasWithGroups.html index 409f3e54..f8a78608 100644 --- a/www/lib/vis/examples/timeline/items/backgroundAreasWithGroups.html +++ b/www/lib/vis/examples/timeline/items/backgroundAreasWithGroups.html @@ -11,7 +11,7 @@ - + diff --git a/www/lib/vis/examples/timeline/items/htmlContents.html b/www/lib/vis/examples/timeline/items/htmlContents.html index 6a818c30..d790133a 100644 --- a/www/lib/vis/examples/timeline/items/htmlContents.html +++ b/www/lib/vis/examples/timeline/items/htmlContents.html @@ -17,7 +17,7 @@ - + diff --git a/www/lib/vis/examples/timeline/items/itemOrdering.html b/www/lib/vis/examples/timeline/items/itemOrdering.html index e8cafdc9..323c9501 100644 --- a/www/lib/vis/examples/timeline/items/itemOrdering.html +++ b/www/lib/vis/examples/timeline/items/itemOrdering.html @@ -13,7 +13,7 @@ - + diff --git a/www/lib/vis/examples/timeline/items/pointItems.html b/www/lib/vis/examples/timeline/items/pointItems.html index 67082cc0..68201801 100755 --- a/www/lib/vis/examples/timeline/items/pointItems.html +++ b/www/lib/vis/examples/timeline/items/pointItems.html @@ -10,7 +10,7 @@ - + @@ -49,7 +49,7 @@ var options = { // Set global item type. Type can also be specified for items individually - // Available types: 'box' (default), 'point', 'range', 'rangeoverflow' + // Available types: 'box' (default), 'point', 'range' type: 'point', showMajorLabels: false }; diff --git a/www/lib/vis/examples/timeline/items/rangeOverflowItem.html b/www/lib/vis/examples/timeline/items/rangeOverflowItem.html index 12582a69..fbea2f37 100644 --- a/www/lib/vis/examples/timeline/items/rangeOverflowItem.html +++ b/www/lib/vis/examples/timeline/items/rangeOverflowItem.html @@ -4,7 +4,7 @@ Timeline | Range overflow - + - + diff --git a/www/lib/vis/examples/timeline/other/dataAttributes.html b/www/lib/vis/examples/timeline/other/dataAttributes.html index f852fffb..0aa1f14e 100644 --- a/www/lib/vis/examples/timeline/other/dataAttributes.html +++ b/www/lib/vis/examples/timeline/other/dataAttributes.html @@ -10,7 +10,7 @@ - + diff --git a/www/lib/vis/examples/timeline/other/dataAttributesAll.html b/www/lib/vis/examples/timeline/other/dataAttributesAll.html index 7938f0bd..5b926b54 100644 --- a/www/lib/vis/examples/timeline/other/dataAttributesAll.html +++ b/www/lib/vis/examples/timeline/other/dataAttributesAll.html @@ -10,7 +10,7 @@ - + diff --git a/www/lib/vis/examples/timeline/other/drag&drop.html b/www/lib/vis/examples/timeline/other/drag&drop.html new file mode 100644 index 00000000..81bcb1f1 --- /dev/null +++ b/www/lib/vis/examples/timeline/other/drag&drop.html @@ -0,0 +1,131 @@ + + + + + Timeline | Drag & Drop + + + + + + + + + + + +

Timeline Drag & Drop Example

+ +

For this to work, you will have to define your own 'dragstart' eventListener on each item in your list of items (make sure that any new item added to the list is attached to this eventListener 'dragstart' handler). This 'dragstart' handler must set dataTransfer - notice you can set the item's information as you want this way.

+ +
+
+

Items:

+ +
+ + + + + diff --git a/www/lib/vis/examples/timeline/other/functionLabelFormats.html b/www/lib/vis/examples/timeline/other/functionLabelFormats.html new file mode 100644 index 00000000..9de9023b --- /dev/null +++ b/www/lib/vis/examples/timeline/other/functionLabelFormats.html @@ -0,0 +1,141 @@ + + + + Timeline | Custom function label format example + + + + + + + + + + + +

+ This example demonstrate using custom function label formats. +

+
+ + + + \ No newline at end of file diff --git a/www/lib/vis/examples/timeline/other/groupsPerformance.html b/www/lib/vis/examples/timeline/other/groupsPerformance.html index 663f9968..1b16af30 100644 --- a/www/lib/vis/examples/timeline/other/groupsPerformance.html +++ b/www/lib/vis/examples/timeline/other/groupsPerformance.html @@ -3,7 +3,7 @@ Timeline | A lot of grouped data - + - + diff --git a/www/lib/vis/examples/timeline/other/horizontalScroll.html b/www/lib/vis/examples/timeline/other/horizontalScroll.html new file mode 100644 index 00000000..a999cd51 --- /dev/null +++ b/www/lib/vis/examples/timeline/other/horizontalScroll.html @@ -0,0 +1,77 @@ + + + Timeline | Horizontal Scroll Option + + + + + + + + + +

Timeline horizontal scroll option

+ +
+ + + + + diff --git a/www/lib/vis/examples/timeline/other/localization.html b/www/lib/vis/examples/timeline/other/localization.html index 39080c89..5b58923b 100644 --- a/www/lib/vis/examples/timeline/other/localization.html +++ b/www/lib/vis/examples/timeline/other/localization.html @@ -12,7 +12,7 @@ - + @@ -24,7 +24,9 @@

@@ -63,4 +65,4 @@ select.onchange(); - \ No newline at end of file + diff --git a/www/lib/vis/examples/timeline/other/performance.html b/www/lib/vis/examples/timeline/other/performance.html index 4f914354..45b22aab 100644 --- a/www/lib/vis/examples/timeline/other/performance.html +++ b/www/lib/vis/examples/timeline/other/performance.html @@ -14,7 +14,7 @@ - + diff --git a/www/lib/vis/examples/timeline/other/requirejs/requirejs_example.html b/www/lib/vis/examples/timeline/other/requirejs/requirejs_example.html index d4531591..363845fe 100644 --- a/www/lib/vis/examples/timeline/other/requirejs/requirejs_example.html +++ b/www/lib/vis/examples/timeline/other/requirejs/requirejs_example.html @@ -5,7 +5,7 @@ - + diff --git a/www/lib/vis/examples/timeline/other/rtl.html b/www/lib/vis/examples/timeline/other/rtl.html index 63fc79ad..f53b1802 100644 --- a/www/lib/vis/examples/timeline/other/rtl.html +++ b/www/lib/vis/examples/timeline/other/rtl.html @@ -3,32 +3,23 @@ Timeline | RTL example - - - + -

An editable timeline allows to drag items around, create new items, and remove items. Changes are logged in the browser console.

+

Timeline RTL support

+ +

Using dir = "rtl" in any parent node

+
-
+

Using options.rtl = true

+
diff --git a/www/lib/vis/examples/timeline/other/timezone.html b/www/lib/vis/examples/timeline/other/timezone.html index fd7a22c0..8994ba98 100644 --- a/www/lib/vis/examples/timeline/other/timezone.html +++ b/www/lib/vis/examples/timeline/other/timezone.html @@ -11,7 +11,7 @@ - + diff --git a/www/lib/vis/examples/timeline/other/usingReact.html b/www/lib/vis/examples/timeline/other/usingReact.html new file mode 100644 index 00000000..f6d1e1f7 --- /dev/null +++ b/www/lib/vis/examples/timeline/other/usingReact.html @@ -0,0 +1,123 @@ + + + + + React Components in templates + + + +
+ + + + + + + + + + + + + diff --git a/www/lib/vis/examples/timeline/other/verticalScroll.html b/www/lib/vis/examples/timeline/other/verticalScroll.html new file mode 100644 index 00000000..ddf946f0 --- /dev/null +++ b/www/lib/vis/examples/timeline/other/verticalScroll.html @@ -0,0 +1,93 @@ + + + Timeline | Vertical Scroll Option + + + + + + + + + +

Timeline vertical scroll option

+ +

With +verticalScroll: true, +zoomKey: 'ctrlKey' +

+ +
+ +

With +horizontalScroll: true, +verticalScroll: true, +zoomKey: 'ctrlKey' +

+
+ + + + diff --git a/www/lib/vis/examples/timeline/styling/axisOrientation.html b/www/lib/vis/examples/timeline/styling/axisOrientation.html index cfabe312..b3978f17 100644 --- a/www/lib/vis/examples/timeline/styling/axisOrientation.html +++ b/www/lib/vis/examples/timeline/styling/axisOrientation.html @@ -10,7 +10,7 @@ - + diff --git a/www/lib/vis/examples/timeline/styling/customCss.html b/www/lib/vis/examples/timeline/styling/customCss.html index 906d44a6..ed700a1d 100644 --- a/www/lib/vis/examples/timeline/styling/customCss.html +++ b/www/lib/vis/examples/timeline/styling/customCss.html @@ -4,7 +4,7 @@ Timeline | Custom styling - +