I have tried this,
<title>FusionWidgets XT - My
First Chart </title>
<script type="text/javascript"
src="../../FusionCharts/JSClass/FusionCharts.js"></script>
<script
type="text/javascript"
src="../../javascript/jquery-1.7.1.js"></script>
<script
type="text/javascript" language="Javascript"
src="../../FusionCharts/Contents/JS/lib.js"></script>
<link
href="../../FusionCharts/assets/ui/css/style.css" rel="stylesheet"
type="text/css" />
<style
type="text/css">
h2.headline
{
font: normal 110%/137.5% "Trebuchet MS", Arial, Helvetica,
sans-serif;
padding:
0;
margin: 25px 0 25px
0;
color:
#7d7c8b;
text-align:
center;
}
p.small
{
font: normal 68.75%/150% Verdana, Geneva,
sans-serif;
color:
#919191;
padding:
0;
margin: 0
auto;
width:
664px;
text-align:
center;
}
</style>
</head>
<body>
<div id="wrapper">
<div
id="header">
<div class="logo"><a class="imagelink" href="[url="http://www.fusioncharts.com/widgets"]http://www.fusioncharts.com/widgets[/url]"
target="_blank"><img src="../assets/ui/images/fwxt-logo.png" width="73"
height="74" alt="FusionWidgets XT logo"
/></a></div>
<h1
class="brand-name">FusionWidgets
XT</h1>
<h1 class="logo-text">First Gantt
Chart</h1>
</div>
<div
class="content-area">
<div
id="content-area-inner-main">
<p class="text" align="center">The sample represents a Gantt Chart showing
the timeline of a fictitious
project.</p>
<div id="messageBox"
style="margin-left:130px; margin-right:130px;
display:none;"></div>
<p> </p>
<div class="gen-chart-render">
<div id="chartContainer">FusionWidgets will load
here</div>
<script
type="text/javascript"><!--
var
myChart = new FusionCharts( "../../FusionCharts/Charts/FCF_Gantt.swf",
"myChartId", "600", "400", "0", "1" );
myChart.setXMLData('<chart
dateFormat="mm/dd/yyyy" caption="Project Gantt" subCaption="From 1st Feb 2007 -
31st Aug 2007">\n\
<categories>\n\
<category
start="02/01/2007" end="03/01/2007" label="Feb" />\n\
<category
start="03/01/2007" end="04/01/2007" label="Mar" />\n\
<category
start="04/01/2007" end="05/01/2007" label="Apr" />\n\
<category
start="05/01/2007" end="06/01/2007" label="May" />\n\
<category
start="06/01/2007" end="07/01/2007" label="Jun" />\n\
<category
start="07/01/2007" end="08/01/2007" label="Jul" />\n\
<category
start="08/01/2007" end="09/01/2007" label="Aug"
/>\n\
</categories>\n\
<processes fontSize="12" isBold="1"
align="right">\n\
<process label="Identify Customers"
/>\n\
<process label="Survey 50 Customers" />\n\
<process
label="Interpret Requirements" />\n\
<process label="Study Competition"
/>\n\
<process label="Documentation of features"
/>\n\
<process label="Brainstorm concepts" />\n\
<process
label="Design & Code" />\n\
<process label="Testing / QA"
/>\n\
<process label="Documentation of product" />\n\
<process
label="Global Release"
/>\n\
</processes>\n\
<tasks>\n\
<task
start="02/04/2007" end="02/10/2007" />\n\
<task start="02/08/2007"
end="02/19/2007" />\n\
<task start="02/19/2007" end="03/02/2007"
/>\n\
<task start="02/24/2007" end="03/02/2007" />\n\
<task
start="03/02/2007" end="03/21/2007" />\n\
<task start="03/21/2007"
end="04/06/2007" />\n\
<task start="04/06/2007" end="07/21/2007"
/>\n\
<task start="07/21/2007" end="08/19/2007" />\n\
<task
start="07/28/2007" end="08/24/2007" />\n\
<task start="08/24/2007"
end="08/27/2007"
/>\n\
</tasks>\n\
</chart>');
myChart.render("chartContainer");
//
-->
</script>
</div>
<div
class="clear"></div>
<p> </p>
<p class="small">
</p>
<div
class="underline-dull"></div>
</div>
</div>
<div
id="footer">
<p class="highlightBlock">The above sample showcases how to create a Gantt
chart. Click <a href="../../Contents/Index.html?Gantt/FirstChart.html"
target="_blank">here</a> to know more on how the code of this example
works.</p>
</div>
</div>
but I have these errors:
SCRIPT438: object does not handle property or method« setXMLData »
gantt.php, Ligne 59 Caractère 7
SCRIPT5009: « showConditionalMessage » is not defined
gantt.php, Ligne 112 Caractère 7