Download
You can download the source for Gantti form Github:
https://github.com/bastianallgeier/gantti
Features
Generates valid HTML5
Very easy to customize with SASS stylesheet
Works in all major browsers including IE7, IE8 and IE9
No javascript required
Usage
require('lib/gantti.php');
date_default_timezone_set('UTC');
setlocale(LC_ALL, 'en_US');
$data = array();
$data[] = array(
'label' => 'Project 1',
'start' => '2012-04-20',
'end' => '2012-05-12'
);
$data[] = array(
'label' => 'Project 2',
'start' => '2012-04-22',
'end' => '2012-05-22',
'class' => 'important',
);
$data[] = array(
'label' => 'Project 3',
'start' => '2012-05-25',
'end' => '2012-06-20'
'class' => 'urgent',
);
$gantti = new Gantti($data, array(
'title' => 'Demo',
'cellwidth' => 25,
'cellheight' => 35
));
echo $gantti;
?>
Data
Data is defined as an associative array (see the example
above).
For each project you get the following options:
label: The label will be displayed in the sidebar
start: The start date. Must be in the following format:
YYYY-MM-DD
end: The end date. Must be in the following format:
YYYY-MM-DD
class: An optional class name. (available by default:
important, urgent)
Options
title (optional, default: false)
Set an optional title for your gantt diagram here.
It will be displayed in the upper left corner.
cellwidth (optional, default: 40)
Set the width of all cells.
cellheight (optional, default: 40)
Set the height of all cells.
today (optional, default: true)
Show or hide the today marker. It will be displayed by
default.
Styles
The default stylesheet is available as .scss (SASS) It includes a set of
predefined variables, which you can use to adjust the styles very
easily.
Colors
The default color theme is an adaption of the wonderful
Solarized color theme by
Ethan Schoonover
转发至微博
转发至微博