The contents of foreignObject are assumed to be from a different namespace. The included foreign graphical content is subject to SVG transformations and compositing.

The foreignObject element allows for the inclusion of a foreign XML namespace which has its graphical content drawn by a different user agent. Hovering over a bar brings up a tooltip with more detailed information. Click and drag the small gray rectangle below to pan or zoom. The extension also including a horizontal controller use D3’s brush component to implement focus and context zooming. – The vertical scrolling bar can make sure visible and clear if there are a large number of projects. There is a scaling controller on the bottom of the chart, which zooms timeline chart in the horizontal direction. This extension could display each project per row or each phase (including multiple projects) per row. The dataset for this extension has to include a numeric column as a measure in Lumira, which could be any random number without particular meaning. The layout of the bars is determined solely by the start times and arranged in ascending order of start times.

The X Axis plot each row’s term as one or more bars. The vertical scrolling bar can fit for more content. This visualization can’t show more than eight rows in the same view, and if there are more rows, it will automatically generate a vertical scroll bar.

The Y Axis present the name for each project or phase (including multiple projects). This extension creates a beautiful timeline chart to shows a series of events in a horizontal time-sorted rectangle. The Scroll & Zoom Timeline Bar Chart create a horizontal bar chart that depicts how a set of resources are used over time. It is typically a graphic design showing a long bar labelled with dates alongside itself and usually events labelled on points where they would have happened. A timeline chart is a way of displaying a list of events in chronological order, sometimes described as a project artifact. This extension creates a standard timeline chart with some extra features.

My recent extension for SAP Lumira was developed based on the requirements of several different customers. Use HTML element in SVG to create Timeline Chart

No scroll bar in excel timeline