• Overview

Timeline

Overview #

A timeline is a chart that depicts how a set of resources are used over time. If you're managing a software project and want to illustrate who is doing what and when, or if you're organizing a conference and need to schedule meeting rooms, a timeline is often a reasonable visualization choice. One popular type of timeline is the Gantt chart.

Note: In JavaScript Date objects, months are indexed starting at zero and go up through eleven, with January being month 0 and December being month 11. If your timeline seems off by a month, this is most likely why. For more information, see the Dates and Times page.

Code:

<?php
\koolreport\widgets\google\Timeline::create(array(
    "dataSource"=>[
        ['President','Start','End'],
        [ 'Gerald Ford',  "1974-01-20",  "1977-01-20" ],
        [ 'Jimmy Carter',  "1977-01-20",  "1981-01-20" ],
        [ 'Ronald Reagan',  "1981-01-20",  "1989-01-20" ],
        [ 'George H. W. Bush',  "1989-01-20",  "1993-01-20" ],
        [ 'Bill Clinton',  "1993-01-20",  "2001-01-20" ],
        [ 'George W. Bush',  "2001-01-20",  "2009-01-20" ],
        [ 'Barack Obama',  "2009-01-20",  "2017-01-20" ],
        [ 'Donald Trump',  "2017-01-20",  date("Y-m-d") ],
    ],
    "columns"=>array(
        "President",
        "Start"=>array(
            "type"=>"date",
        ),
        "End"=>array(
            "type"=>"date",
        )
    ),
    "withoutLoader"=>true
));