Timeline

This example shows how to use Timeline

The above example shows you how to create Timeline using built-in Google Charts. The example shows presidential period of most recent U.S.A presidents.

<?php

require_once "../../../load.koolreport.php";
require_once "MyReport.php";

$report = new MyReport;
$report->run()->render();
<?php
require_once "../../../load.koolreport.php";
use \koolreport\processes\ColumnMeta;
class MyReport extends \koolreport\KoolReport
{
    protected function settings()
    {
        return array(
            "dataSources"=>array(
                "president"=>array(
                    "class"=>'\koolreport\datasources\ArrayDataSource',
                    "dataFormat"=>"table",
                    "data"=>[
                        ['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") ],
                    ]
                )
            )
        );
    }

    protected function setup()
    {
        $this->src("president")
        ->pipe($this->dataStore("data"));
    }


}
<?php
    use \koolreport\widgets\google\Timeline;
?>
<div class="report-content">
    <div class="text-center">
        <h1>Timeline</h1>
        <p class="lead">
            This example shows how to use Timeline
        </p>
    </div>
        
    <?php
    Timeline::create(array(
        "dataSource"=>$this->dataStore("data"),
        "columns"=>array(
            "President",
            "Start"=>array(
                "type"=>"date",
            ),
            "End"=>array(
                "type"=>"date",
            )
        )
    ));
    ?>
    
</div>

What People Are Saying

"KoolReport helps me very much in creating data report for my corporate! Keep up your good work!"
-- Alain Melsens

"The first use of your product. I was impressed by its easiness and powerfulness. This product is a great and amazing."
-- Dr. Lew Choy Onn

"Fantastic framework for reporting!"
-- Greg Schneider

Download KoolReport Get KoolReport Pro