Browse Source

feat(timeline): #2647 Dynamic rolling mode option (#2705)

* Fix redraw order
* Fix error when option is not defined
* Allow template labels
* Add .travis.yml file
* Add experiment travis code
* Fix react example
* Add toggleRollingMode option
* Update docs with toggleRollingMode option
revert-2705-dynamic-rollingMode-option
yotamberk 7 years ago
committed by Alexander Wunschik
parent
commit
cd30aa9f13
3 changed files with 26 additions and 0 deletions
  1. +7
    -0
      docs/timeline/index.html
  2. +3
    -0
      examples/timeline/interaction/navigationMenu.html
  3. +16
    -0
      lib/timeline/Timeline.js

+ 7
- 0
docs/timeline/index.html View File

@ -1431,6 +1431,13 @@ document.getElementById('myTimeline').onclick = function (event) {
</td> </td>
</tr> </tr>
<tr>
<td>toggleRollingMode()</td>
<td>none</td>
<td>Toggle rollingMode.
</td>
</tr>
<tr> <tr>
<td>zoomIn(percentage)</td> <td>zoomIn(percentage)</td>
<td>none</td> <td>none</td>

+ 3
- 0
examples/timeline/interaction/navigationMenu.html View File

@ -38,6 +38,7 @@
<input type="button" id="zoomOut" value="Zoom out"/> <input type="button" id="zoomOut" value="Zoom out"/>
<input type="button" id="moveLeft" value="Move left"/> <input type="button" id="moveLeft" value="Move left"/>
<input type="button" id="moveRight" value="Move right"/> <input type="button" id="moveRight" value="Move right"/>
<input type="button" id="toggleRollingMode" value="toggleRollingMode"/>
</div> </div>
</div> </div>
@ -74,6 +75,8 @@
document.getElementById('zoomOut').onclick = function () { timeline.zoomOut( 0.2); }; document.getElementById('zoomOut').onclick = function () { timeline.zoomOut( 0.2); };
document.getElementById('moveLeft').onclick = function () { move( 0.2); }; document.getElementById('moveLeft').onclick = function () { move( 0.2); };
document.getElementById('moveRight').onclick = function () { move(-0.2); }; document.getElementById('moveRight').onclick = function () { move(-0.2); };
document.getElementById('toggleRollingMode').onclick = function () { timeline.toggleRollingMode() };
</script> </script>
</body> </body>

+ 16
- 0
lib/timeline/Timeline.js View File

@ -572,4 +572,20 @@ Timeline.prototype.getEventProperties = function (event) {
} }
}; };
/**
* Toggle Timeline rolling mode
*/
Timeline.prototype.toggleRollingMode = function () {
if (this.range.rolling) {
this.range.stopRolling();
} else {
if (this.options.rollingMode == undefined) {
this.setOptions(options)
}
this.range.startRolling();
}
}
module.exports = Timeline; module.exports = Timeline;

Loading…
Cancel
Save