Skip to main content

Timeline

Easily integrate a timeline chart into your project. A timeline chart depicts how a set of resources are used over time.

Usage

Create your chart

return (
<Chart
chartType="Timeline"
data={[
[
"President",
"George Washington",
new Date(1789, 3, 30),
new Date(1797, 2, 4),
],
["President", "John Adams", new Date(1797, 2, 4), new Date(1801, 2, 4)],
[
"President",
"Thomas Jefferson",
new Date(1801, 2, 4),
new Date(1809, 2, 4),
],
[
"Vice President",
"John Adams",
new Date(1789, 3, 21),
new Date(1797, 2, 4),
],
]}
width="100%"
height="400px"
/>
);

Simple Example

An Advanced Example

Controlling The Colors

Overlapping GridLines

Labeling the bars

Putting bars on one row

Customizing Tooltips

Read More