FusionCharts - Gallery Example - Gantt chart in JavaSCript

Created using FusionCharts Suite XT - www.fusioncharts.com

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.widgets.js"></script>
<!-- Gantt chart plotting tasks required for constructing a new store (Just completed) in Denver. This is a comparison of how planned estimates fared against the actual and which tasks got delayed. 

-->
<script type="text/javascript" src="htts://www.site24x7.com/js/jquery.js"></script>
<script type="text/javascript" src="htts://www.site24x7.com/FusionCharts/FusionCharts.js"></script>
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    
    FusionCharts.setCurrentRenderer("javascript");// No I18N
        var myChart1 = new FusionCharts("Gantt", "chart-gantt", "99%", "6000", "0", "0");// No I18N
    var data1="<chart dateFormat='dd/mm/yyyy' baseFont='Verdana' outputDateFormat='hh:mn:ss' gridBorderColor='F1F1F1' chartLeftMargin='5' chartRightMargin='5' canvasBorderColor='F1F1F1' showToolTip='1' showShadow='0' animation='0' ganttWidthPercent='40' legendIconScale='1' showLegend='1' legendShadow='0' exportShowMenuItem='0'><categories align='right' vAlign='bottom'><category start='00:00:00' end='00:01:00' label='1.0s'/><category start='00:01:00' end='00:02:00' label='2.0s'/><category start='00:02:00' end='00:03:00' label='3.0s'/><category start='00:03:00' end='00:04:00' label='4.0s'/><category start='00:04:00' end='00:05:00' label='5.0s'/><category start='00:05:00' end='00:06:00' label='6.0s'/><category start='00:06:00' end='00:07:00' label='7.0s'/><category start='00:07:00' end='00:08:00' label='8.0s'/><category start='00:08:00' end='00:09:00' label='9.0s'/></categories><processes fontSize='10' isBold='0' align='left' headerText='Urls' headerFontSize='11' headerVAlign='bottom' headerAlign='left' height='23'><process label='1. amazon.com - %2F' id='LINK1' bgColor='FFFFFF'  link='javascript:load(&quot;http%3A%2F%2Famazon.com%2F&quot;);' toolText='%2F'/><process label='2. amazon.com - %2F' id='LINK2' bgColor='F1F1F1'  link='javascript:load(&quot;http%3A%2F%2Fwww.amazon.com%2F&quot;);' toolText='%2F'/><process label='3. amazon.com - 185-2609178-5498630' id='LINK3' bgColor='FFFFFF'  link='javascript:load(&quot;https%3A%2F%2Fwww.amazon.com%2Fgp%2Fgw%2Fajax%2Fs.html%2F185-2609178-5498630&quot;);' toolText='185-2609178-5498630'/><process label='4. images-na.ssl-images-amazon.com - Bueller-GW-D-01-US-Widget' id='LINK4' bgColor='F1F1F1' ...