locales
broken in Timeline
, Graph2d
, and Network
.Timeline
, Graph2d
, and Network
not working on IE9.editable
option for individual items. Thanks @danbertolini.clickToUse
option of Network, Graph2d, and Network
was blocking click events in the web page.'none'
.event
to the properties emitted with the select
event (see #923).fit()
to take into account the actual width of items.{snap: null}
did give a validation error.timechanged
did not fire when mouse has been moved outside
the timeline.unsubscribe
from DataSet.babelify
, this is described in README.md.multiselect
, which is false by default.setData({groups: groups, items: items})
..vis.timeline .item.range { overflow: visible; }
instead of
.vis.timeline .item.range .content { overflow: visible; }
.
See example 18_range_overflow.html.4-8h
to h4-h8
.showCustomTime
. Use method addCustomTime()
instead.finishedRedraw
as it's redundant.animate
to animation
, and changed it to be either a boolean
or an object {duration: number, easingFunction: string}
.2px
too large when configuring a fixed height.The network has been completely rewritten. The new modular setup using ES6 classes makes it future proof for maintainability, extendability and clarity. A summary of new features:
DataSet.get()
to an existing
Array or DataTable.fieldId
).onMove
and onMoving
are now invoked with all item
properties as argument, and can be used to update all properties (like
content, className, etc) and add new properties as well.'both'
, displaying a time axis both on top
and bottom (#665).order: function
to define a custom ordering
for the items (see #538, #234).click
, doubleClick
, and contextMenu
.getEventProperties(event)
.click
, doubleClick
, and contextMenu
.getEventProperties(event)
.Timeline.redraw()
now also recalculates the size of items.snap: function
to customize snapping to nice dates
when dragging items.timeAxis: {scale: string, step: number}
to set a
fixed scale.setWindow
not working when applying an interval larger than the
configured zoomMax
.length
holding the total number of items to the DataSet
and DataView
.refresh()
to the DataView
, to update filter results.DataSet
returning an empty object instead of null
when
no item was found when using both a filter and specifying fields.start
or end
.alignZeros
option to dataAxis with default value true.graphHeight
is defined.Fixed cleaning up of groups.
Throw error message when items are added before groups.
Made graphHeight automatic if height is defined AND if graphHeight is smaller than the center panel when height is defined as well.
Added new verticalDrag event for internal use, allowing the vertical scrolling of the grid lines on drag.
Fixed moving legend when postioned on the bottom and vertical dragging.
Optimised a serious slowdown on performance since hidden dates.
Accepted a large pull request from @cdjackson adding the following features (thank you!):
Titles on the DataAxis to explain what units you are using.
A style field for groups and datapoints so you can dynamically change styles.
A precision option to manually set the amount of decimals.
Two new examples showing the new features.
DataSet.setOptions
. Only applicable for the queue
options.style
for both items and groups, to set a custom style for
individual items.update
now receive an extra property data
,
containing the changed fields of the changed items.xValueLabel
, yValueLabel
and zValueLabel
for custom labels along
the x, y, z axis. Thanks @fabriziofortino.'background'
. This can be used to mark periods
with a background color and label.className
of groups not being updated when changed.id
field of a new item not correctly generated.autoResize
not working on IE in case of changing visibility
of the Timeline container element.ItemBox
, ItemRange
, and ItemPoint
to
respectively BoxItem
, RangeItem
, and PointItem
.destroy()
.clickToUse
.focus(id)
to center a specific item (or multiple items)
on screen.focus
for setSelection(ids, options)
, to immediately
focus selected nodes.moveTo(time, options)
.fit
, focus
, setSelection
,
and setWindow
.setCurrentTime(date)
and getCurrentTime()
.onMoving(item, callback)
.align
for range items.change
event sometimes being fired twice on IE10.change
event sometimes being fired twice on IE10.clickToUse
.stabilized
event, it's now firing after every stabilization
with iteration count as parameter.handleOverlap
to support overlap, sideBySide and stack.handleOverlap
functionality.customRange
for the Y axis and an example showing how it works.clickToUse
.setCurrentTime(date)
and getCurrentTime()
.moveTo(time, options)
.visible
property to the groups.getLegend()
method.isGroupVisible()
method.fit()
and getItemRange()
methods.getVisibleItems()
, which returns the items visible
in the current window.margin.item.horizontal
and margin.item.vertical
, which
allows to specify different margins horizontally/vertically.onAdd
, onUpdate
,
onRemove
, and onMove
.end
of the first is equal to the start
of the second
sometimes being stacked instead of put besides each other when item.margin=0
due to round-off errors.Implemented support for displaying a title
for both items and groups.
Fixed auto detected item type being preferred over the global item type
.
Throws an error when constructing without new keyword.
Removed the 'rangeoverflow' item type. Instead, one can use a regular range and change css styling of the item contents to:
.vis.timeline .item.range .content {
overflow: visible;
}
Fixed the height of background and foreground panels of groups.
Fixed ranges in the Timeline sometimes overlapping when dragging the Timeline.
Fixed DataView
not working in Timeline.
Graph
to Network
to prevent confusion with the visualizations
Graph2d
and Graph3d
.
dragGraph
to dragNetwork
.graph.storePositions()
.selectNodes
and selectEdges
, deprecating
setSelection
.destroy
to neatly cleanup a Timeline.zoomable
and moveable
.showCurrentTime
to true.className
of groups not being applied to related contents and
background elements, and not being updated once applied.convert
to type
.Timeline.repaint()
to Timeline.redraw()
to be consistent with
the other visualisations of vis.js.Timeline.clear()
not resetting a configured options.start
and
options.end
.minHeight
, similar to option maxHeight
.clear([what])
, to clear items, groups, and configuration
of a Timeline instance.repaint()
to force a repaint of the Timeline.vis.moment
.end
property when option type
is "range"
or "rangeoverflow"
.Timeline.setGroups(groups)
.rangeoverflow
.stack
to enable/disable stacking of items.fit
, which sets the Timeline window such that it fits
all items.editable
can now be used to enable/disable individual manipulation
actions (add
, updateTime
, updateGroup
, remove
).setWindow
now accepts an object with properties start
and end
.autoResize
forcing a repaint of the Timeline with every check
rather than when the Timeline is actually resized.select
event fired repeatedly when clicking an empty place on the
Timeline, deselecting selected items).zoomMax
. Thanks @Remper.order
is now deprecated. This was needed for performance improvements.new DataSet(data, options)
.margin.axis
and margin.item
being ignored when
setting them to zero.selectable
, editable
.timechange
and timechanged
when dragging the custom time bar.setWindow(start, end)
and getWindow()
.subscribe
and unsubscribe
to on
and off
respectively.on
and off
to create event listeners for events
rangechange
, rangechanged
, and select
.select
to get and set the selected items.start
and end
options.on
and off
to create event listeners for event
select
../dist
showCurrentTime
and showCustomTime
. Thanks @fi0dor.min
and max
.className
not working for items.fieldTypes
to convert
.vis.util.cast
to vis.util.convert
.