From b28028ac4082842143b0f528d6bc539da6ccb419 Mon Sep 17 00:00:00 2001 From: Pliable Pixels Date: Thu, 21 Sep 2017 12:49:18 -0400 Subject: mega changes, including updates and X --- .../timeline/interaction/animateWindow.html | 96 ++++++++++++++++++++++ .../examples/timeline/interaction/clickToUse.html | 73 ++++++++++++++++ .../timeline/interaction/eventListeners.html | 79 ++++++++++++++++++ .../timeline/interaction/limitMoveAndZoom.html | 53 ++++++++++++ .../timeline/interaction/navigationMenu.html | 80 ++++++++++++++++++ .../timeline/interaction/setSelection.html | 66 +++++++++++++++ 6 files changed, 447 insertions(+) create mode 100644 www/lib/vis/examples/timeline/interaction/animateWindow.html create mode 100644 www/lib/vis/examples/timeline/interaction/clickToUse.html create mode 100644 www/lib/vis/examples/timeline/interaction/eventListeners.html create mode 100644 www/lib/vis/examples/timeline/interaction/limitMoveAndZoom.html create mode 100755 www/lib/vis/examples/timeline/interaction/navigationMenu.html create mode 100644 www/lib/vis/examples/timeline/interaction/setSelection.html (limited to 'www/lib/vis/examples/timeline/interaction') diff --git a/www/lib/vis/examples/timeline/interaction/animateWindow.html b/www/lib/vis/examples/timeline/interaction/animateWindow.html new file mode 100644 index 00000000..40a416f1 --- /dev/null +++ b/www/lib/vis/examples/timeline/interaction/animateWindow.html @@ -0,0 +1,96 @@ + + + + Timeline | Animate window + + + + + + + + + +

This example demonstrates functions to programmatically adjust the visible window of the Timeline.

+ +

+
+
+
+
+
+
+
+
+

+ +

+ + + + \ No newline at end of file diff --git a/www/lib/vis/examples/timeline/interaction/clickToUse.html b/www/lib/vis/examples/timeline/interaction/clickToUse.html new file mode 100644 index 00000000..d00f4428 --- /dev/null +++ b/www/lib/vis/examples/timeline/interaction/clickToUse.html @@ -0,0 +1,73 @@ + + + + Timeline | Click to use + + + + + + + + +

Timeline click to use

+ This example demonstrates how to use the clickToUse option: before you can scroll and drag in the timeline, you first have to click in the timeline to activate. +

+ + + + \ No newline at end of file diff --git a/www/lib/vis/examples/timeline/interaction/eventListeners.html b/www/lib/vis/examples/timeline/interaction/eventListeners.html new file mode 100644 index 00000000..f3a9bcc5 --- /dev/null +++ b/www/lib/vis/examples/timeline/interaction/eventListeners.html @@ -0,0 +1,79 @@ + + + + Timeline | Event listeners + + + + + + + + +

+ This example listens for events select, rangechange, and rangechanged of the Timeline, and listens for changes in the DataSet (add, update, or remove items). +

+ + + + \ 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 new file mode 100644 index 00000000..4eadd36a --- /dev/null +++ b/www/lib/vis/examples/timeline/interaction/limitMoveAndZoom.html @@ -0,0 +1,53 @@ + + + + Timeline | Limit move and zoom + + + + + + + + +

+ The visible range is limited in this demo: +

minimum visible date is limited to 2012-01-01 using option min
maximum visible date is limited to 2013-01-01 (excluded) using option max
visible zoom interval is limited to a minimum of 24 hours using option zoomMin
visible zoom interval is limited to a maximum of about 3 months using option zoomMax

+ + + + \ No newline at end of file diff --git a/www/lib/vis/examples/timeline/interaction/navigationMenu.html b/www/lib/vis/examples/timeline/interaction/navigationMenu.html new file mode 100755 index 00000000..cb7c19ad --- /dev/null +++ b/www/lib/vis/examples/timeline/interaction/navigationMenu.html @@ -0,0 +1,80 @@ + + + + Timeline | navigation menu + + + + + + + + + +

+ Create your own navigation menu by creating an overlay with buttons to zoom and move. +

+ +

+ + + + diff --git a/www/lib/vis/examples/timeline/interaction/setSelection.html b/www/lib/vis/examples/timeline/interaction/setSelection.html new file mode 100644 index 00000000..f6a038ce --- /dev/null +++ b/www/lib/vis/examples/timeline/interaction/setSelection.html @@ -0,0 +1,66 @@ + + + + Timeline | Select items + + + + + + + + +

Set selection

+ Enter one or multiple ids of items, then press select to select the items. This demo uses the function Timeline.setSelection(ids). Optionally, the window can be moved to the selected items. +

+ +

+ Select item(s):
+ Focus on selection +

+ + + + \ No newline at end of file -- cgit v1.2.3