gantti
gantti copied to clipboard
Date/Character Garbage on Date Line of Gantt
This image shows what happens when your start and end dates cross years:
Using this data array will yield the image result. Can someone figure out why this is?
$data[] = array( 'label' => 'Project Launch', 'start' => '2013-01-12', 'end' => '2013-01-19' );
$data[] = array( 'label' => 'Contracts', 'start' => '2013-01-23', 'end' => '2014-05-15' );
$data[] = array( 'label' => 'Budget', 'start' => '2013-06-01', 'end' => '2013-06-26' );
$data[] = array( 'label' => 'Technology', 'start' => '2013-06-02', 'end' => '2014-03-25' );
$data[] = array( 'label' => 'Furniture', 'start' => '2013-01-13', 'end' => '2013-06-10' );
$data[] = array( 'label' => 'Security', 'start' => '2013-01-23', 'end' => '2014-04-18' );
Check the followin class in your css:
.gantt-day span { display: block; border-right: 1px solid #001f27; border-bottom: 1px solid #001f27; text-indent: -12000px; }
The attribute text-indent hides the text of that span by moving it far away from the visible part. Change the value to, say, -50000px. That should do it. If not, try higher.
Cheers