FusionCharts.ready(function() {
var socialMediaPlan = new FusionCharts({
type: 'gantt',
renderAt: 'chart-container',
width: '550',
height: '380',
dataFormat: 'json',
dataSource: {
"chart": {
"dateformat": "mm/dd/yyyy",
"caption": "Project Timeline",
"subcaption": "for 2017",
"theme": "fusion",
"canvasBorderAlpha": "40"
},
"categories": [{
"category": [{
"start": "01/01/2017",
"end": "01/31/2017",
"label": "January"
},
{
"start": "02/01/2017",
"end": "02/28/2017",
"label": "Febuary"
},
{
"start": "03/01/2017",
"end": "03/31/2017",
"label": "March"
},
{
"start": "04/01/2017",
"end": "04/30/2017",
"label": "April"
},
{
"start": "05/01/2017",
"end": "05/31/2017",
"label": "May"
}
]
}],
"processes": {
"fontsize": "12",
"isbold": "1",
"align": "right",
"process": [{
"label": "Market Analysis"
},
{
"label": "Feasibility"
},
{
"label": "Rough Prototype"
},
{
"label": "Cost Estimation"
},
{
"label": "Architecture"
},
{
"label": "Sub-system"
},
{
"label": "Refine design"
},
{
"label": "Make Buy Analysis"
},
{
"label": "Complete definition"
},
{
"label": "Materials"
},
{
"label": "Tooling"
},
{
"label": "Quality control Definition "
}
]
},
"tasks": {
"task": [{
"start": "01/01/2017",
"end": "01/14/2017",
"color":"#0000FF"
},
{
"start": "01/14/2017",
"end": "02/10/2017",
"color":"#0000FF"
},
{
"start": "02/10/2017",
"end": "02/26/2017",
"color":"#0000FF"
},
{
"start": "01/13/2017",
"end": "02/28/2017",
"color":"#0000FF"
},
{
"start": "02/2/2017",
"end": "02/17/2017",
"color":"#FF0000"
},
{
"start": "02/8/2017",
"end": "02/23/2017",
"color":"#FF0000"
},
{
"start": "02/23/2017",
"end": "03/7/2017",
"color":"#FF0000"
},
{
"start": "03/9/2017",
"end": "03/17/2017",
"color":"#FF0000"
},
{
"start": "03/17/2017",
"end": "04/14/2017",
"color":"#00FF00"
},
{
"start": "04/14/2017",
"end": "04/29/2017",
"color":"#00FF00"
},
{
"start": "04/29/2017",
"end": "05/11/2017",
"color":"#00FF00"
},
{
"start": "05/11/2017",
"end": "05/17/2017",
"color":"#00FF00"
}
]
}
}
}).render();
});
<!-- A simple Gantt chart -->
<div id="chart-container">FusionCharts will render here</div>