FusionCharts - Simple Gantt Chart

Created using FusionCharts Suite XT - www.fusioncharts.com

HTML

<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
<!-- A simple Gantt chart -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

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": [{
  ...