Edit in JSFiddle

FusionCharts.ready(function() {
  var timeShiftChart = new FusionCharts({
    type: 'gantt',
    renderAt: 'chart-container',
    width: '550',
    height: '350',
    dataFormat: 'json',
    dataSource: {
      "chart": {
        "theme": "fusion",
        "dateformat": "mm/dd/yyyy",
        "outputdateformat": "hh:mn",
        "caption": "Multipurpose Plant",
        //"canvasBorderAlpha": "30",
        
      },
      "categories": [{
      
          "category": [{
              "start": "10/1/2018 00:00:00",
              "end": "10/20/2018 23:59:59",
              "label": "october 2018"
            }
            
          ]
        },
        {
          "align": "center",
          "category": [{
              "start": "10/1/2018 00:00:00",
              "end": "10/1/2018 23:59:59",
              "label": "1"
            },
            {
              "start": "10/2/2018 00:00:00",
              "end": "10/2/2018 23:59:59",
              "label": "2"
            },
            {
              "start": "10/3/2018 00:00:00",
              "end": "10/3/2018 23:59:59",
              "label": "3"
            },
            {
              "start": "10/4/2018 00:00:00",
              "end": "10/4/2018 23:59:59",
              "label": "4"
            },
            {
              "start": "10/5/2018 00:00:00",
              "end": "10/5/2018 23:59:59",
              "label": "5"
            },
            {
              "start": "10/6/2018 00:00:00",
              "end": "10/6/2018 23:59:59",
              "label": "6"
            },
            {
              "start": "10/7/2018 00:00:00",
              "end": "10/7/2018 23:59:59",
              "label": "7"
            },
            {
              "start": "10/8/2018 00:00:00",
              "end": "10/8/2018 23:59:59",
              "label": "8"
            },
            {
              "start": "10/9/2018 00:00:00",
              "end": "10/9/2018 23:59:59",
              "label": "9"
            },
            {
              "start": "10/10/2018 00:00:00",
              "end": "10/10/2018 23:59:59",
              "label": "10"
            },
            {
              "start": "10/11/2018 00:00:00",
              "end": "10/11/2018 23:59:59",
              "label": "11"
            },
            {
              "start": "10/12/2018 00:00:00",
              "end": "10/12/2018 23:59:59",
              "label": "12"
            },
            {
              "start": "10/13/2018 00:00:00",
              "end": "10/13/2018 23:59:59",
              "label": "13"
            },
            {
              "start": "10/14/2018 00:00:00",
              "end": "10/14/2018 23:59:59",
              "label": "14"
            },
            {
              "start": "10/15/2018 00:00:00",
              "end": "10/15/2018 23:59:59",
              "label": "15"
            },
            {
              "start": "10/16/2018 00:00:00",
              "end": "10/16/2018 23:59:59",
              "label": "16"
            },
            {
              "start": "10/17/2018 00:00:00",
              "end": "10/17/2018 23:59:59",
              "label": "17"
            },
            {
              "start": "10/18/2018 00:00:00",
              "end": "10/18/2018 23:59:59",
              "label": "18"
            },
            {
              "start": "10/19/2018 00:00:00",
              "end": "10/19/2018 23:59:59",
              "label": "19"
            },
            {
              "start": "10/20/2018 00:00:00",
              "end": "10/20/2018 23:59:59",
              "label": "20"
            }
          ]
        }
      ],
      "processes": {
        "fontsize": "12",
        "isbold": "1",
        "align": "left",
        "headertext": "Month",
        "headerfontsize": "14",
        "headervalign": "middle",
        "headeralign": "left",
        "process": [{
            "label": "Vessel 1",
            "id": "v1"
          },
          {
            "label": "Vessel 2",
            "id": "v2"
          },
          {
            "label": "Vessel 3",
            "id": "v3"
          },
          {
            "label": "Filter 1",
            "id": "f1"
          },
          {
            "label": "Filter 2",
            "id": "f2"
          },
          {
            "label": "Filter 3",
            "id": "f3"
          }
        ]
      },
      "tasks": {
        "showlabels": "1",
        "showstartdate": "0",
        "task": [{
            "processid": "v1",
            "start": "10/1/2018 00:00:00",
              "end": "10/1/2018 20:59:59",
              "color":"#000000",
            //"label": "Logo A"
          },
          {
            "processid": "v1",
            "start": "10/1/2018 20:59:59",
              "end": "10/2/2018 3:59:59",
              "color":"#FF0000",
            //"label": "Logo B"
          },
          {
            "processid": "v1",
            "start": "10/2/2018 3:59:59",
            "end": "10/3/2018 19:30:00",
            "color":'#FFFF00',
           // "label": "Website template"
          },
          {
            "processid": "v1",
            "start": "10/3/2018 19:30:00",
              "end": "10/3/2018 23:59:59",
              "color":"#FFA500",
            //"label": "Logo A"
          },
          {
            "processid": "v1",
            "start": "10/3/2018 23:59:59",
              "end": "10/4/2018 12:59:59",
              "color":"#0000ff",
            //"label": "Logo B"
          },
          {
            "processid": "v1",
            "start": "10/4/2018 12:59:59",
            "end": "10/5/2018 12:59:59",
            "color":'#00FF00',
           
          },
          {
            "processid": "v1",
            "start": "10/5/2018 12:59:59",
            "end": "10/5/2018 22:59:59",
            "color":'#FF0000',
           
          },
          {
            "processid": "v1",
            "start": "10/5/2018 22:59:59",
            "end": "10/6/2018 17:59:59",
            "color":'#00FF00',
           
          },
          {
            "processid": "v1",
            "start": "10/6/2018 17:59:59",
            "end": "10/8/2018 12:59:59",
            "color":'#FF0000',
           
          },{
            "processid": "v1",
            "start": "10/8/2018 12:59:59",
              "end": "10/8/2018 23:59:59",
              "color":"#000000",
            //"label": "Logo A"
          },{
            "processid": "v1",
            "start": "10/9/2018 00:00:00",
              "end": "10/9/2018 13:59:59",
              "color":"#00FF00 ",
            //"label": "Logo A"
          },{
            "processid": "v1",
            "start": "10/9/2018 13:59:59",
              "end": "10/9/2018 22:59:59",
              "color":"#FFA500 ",
            //"label": "Logo A"
          },{
            "processid": "v1",
            "start": "10/9/2018 22:59:59",
              "end": "10/11/2018 17:59:59",
              "color":"#0000ff ",
            //"label": "Logo A"
          },
          {
            "processid": "v1",
            "start":  "10/11/2018 17:59:59",
              "end": "10/12/2018 3:59:59",
              "color":"#FFA500",
            //"label": "Logo B"
          },
          {
            "processid": "v1",
            "start": "10/12/2018 3:59:59",
            "end": "10/13/2018 19:30:00",
            "color":'#FFFF00',
           // "label": "Website template"
          },
          {
            "processid": "v1",
            "start": "10/13/2018 19:30:00",
              "end": "10/13/2018 23:59:59",
              "color":"#000000",
            //"label": "Logo A"
          },
          {
            "processid": "v1",
            "start": "10/13/2018 23:59:59",
              "end": "10/14/2018 12:59:59",
              "color":"#0000ff",
            //"label": "Logo B"
          },
          {
            "processid": "v1",
            "start": "10/14/2018 12:59:59",
            "end": "10/15/2018 12:59:59",
            "color":'#FFA500',
           
          },
          {
            "processid": "v1",
            "start": "10/15/2018 12:59:59",
            "end": "10/17/2018 12:59:59",
            "color":'#FF0000',
           
          },
          {
            "processid": "v1",
            "start": "10/17/2018 12:59:59",
            "end": "10/18/2018 12:59:59",
            "color":'#000000',
           
          },{
            "processid": "v1",
            "start": "10/18/2018 12:59:59",
            "end": "10/18/2018 22:59:59",
            "color":'#FFA500',
           
          },
          {
            "processid": "v1",
            "start": "10/18/2018 22:59:59",
            "end": "10/19/2018 6:59:59",
            "color":'#000000',
           
          },
          {
            "processid": "v1",
            "start": "10/19/2018 6:59:59",
            "end": "10/19/2018 23:59:59",
            "color":'#FFA500',
           
          },
          {
            "processid": "v1",
            "start": "10/19/2018 23:59:59",
            "end": "10/20/2018 23:59:59",
            "color":'#FFFF00',
           
          },
          {
            "processid": "v2",
            "start": "10/1/2018 00:00:00",
              "end": "10/1/2018 3:59:59",
              "color":"#000000",
            //"label": "Logo A"
          },
          {
            "processid": "v2",
            "start": "10/1/2018 3:59:59",
              "end": "10/1/2018 19:59:59",
              "color":"#00FF00",
            //"label": "Logo B"
          },
          {
            "processid": "v2",
            "start":  "10/1/2018 19:59:59",
            "end": "10/2/2018 13:30:00",
            "color":'#FFA500',
           // "label": "Website template"
          },
          {
            "processid": "v2",
            "start": "10/2/2018 13:30:00",
              "end": "10/3/2018 23:59:59",
              "color":"#000000",
            //"label": "Logo A"
          },
          {
            "processid": "v2",
            "start": "10/3/2018 23:59:59",
              "end": "10/4/2018 12:59:59",
              "color":"#00FF00",
            //"label": "Logo B"
          },
          {
            "processid": "v2",
            "start": "10/4/2018 12:59:59",
            "end": "10/4/2018 17:59:59",
            "color":'#FFA500',
           
          },
          {
            "processid": "v2",
            "start": "10/4/2018 17:59:59",
            "end": "10/6/2018 12:59:59",
            "color":'#0000ff',
           
          },{
            "processid": "v2",
            "start": "10/6/2018 12:59:59",
              "end": "10/6/2018 23:59:59",
              "color":"#FF0000",
            //"label": "Logo A"
          },
          {
            "processid": "v2",
            "start":  "10/6/2018 23:59:59",
              "end": "10/8/2018 3:59:59",
              "color":"#FFA500",
            //"label": "Logo B"
          },
          {
            "processid": "v2",
            "start": "10/8/2018 3:59:59",
            "end": "10/8/2018 9:30:00",
            "color":'#00FF00',
           // "label": "Website template"
          },
          {
            "processid": "v2",
            "start": "10/8/2018 9:30:00",
            "end": "10/8/2018 19:30:00",
            "color":'#FF0000',
           // "label": "Website template"
          },
         
          {
            "processid": "v2",
            "start": "10/8/2018 19:30:00",
            "end": "10/9/2018 11:30:00",
            "color":'#00FF00',
           // "label": "Website template"
          },
          
          {
            "processid": "v2",
            "start": "10/9/2018 11:30:00",
            "end": "10/11/2018 16:30:00",
            "color":'#FFA500',
           // "label": "Website template"
          },
          {
            "processid": "v2",
            "start": "10/11/2018 16:30:00",
              "end": "10/13/2018 23:59:59",
              "color":"#000000",
            //"label": "Logo A"
          },
          {
            "processid": "v2",
            "start": "10/13/2018 23:59:59",
              "end": "10/14/2018 19:59:59",
              "color":"#FF0000",
            //"label": "Logo B"
          },
          {
            "processid": "v2",
            "start": "10/14/2018 19:59:59",
            "end": "10/16/2018 12:59:59",
            "color":'0000ff',
           
          },
          {
            "processid": "v2",
            "start": "10/16/2018 12:59:59",
            "end": "10/17/2018 12:59:59",
            "color":'#00FF00',
           
          },
          {
            "processid": "v2",
            "start": "10/17/2018 12:59:59",
            "end": "10/18/2018 12:59:59",
            "color":'#0000ff',
           
          },
          {
            "processid": "v2",
            "start": "10/18/2018 12:59:59",
            "end": "10/19/2018 16:59:59",
            "color":'#FF0000',
           
          },
          {
            "processid": "v2",
            "start": "10/19/2018 16:59:59",
            "end": "10/20/2018 23:59:59",
            "color":'#FFA500',
           
          },
          {
            "processid": "v3",
            "start": "10/1/2018 00:00:00",
            "end": "10/1/2018 12:59:59",
            "color":'#FF0000',
           
          },
          {
            "processid": "v3",
            "start": "10/1/2018 12:59:59",
            "end": "10/1/2018 16:59:59",
            "color":'#00FF00',
           
          },
          {
            "processid": "v3",
            "start": "10/1/2018 16:59:59",
            "end": "10/2/2018 20:59:59",
            "color":'#000000',
           
          },
          {
            "processid": "v3",
            "start": "10/2/2018 20:59:59",
              "end": "10/3/2018 3:59:59",
              "color":"#FFA500",
            //"label": "Logo A"
          },
          {
            "processid": "v3",
            "start": "10/3/2018 3:59:59",
              "end": "10/3/2018 19:59:59",
              "color":"#00FF00",
            //"label": "Logo B"
          },
          {
            "processid": "v3",
            "start":  "10/3/2018 19:59:59",
            "end": "10/4/2018 13:30:00",
            "color":'#000000',
           // "label": "Website template"
          },
          {
            "processid": "v3",
            "start": "10/4/2018 13:30:00",
              "end": "10/4/2018 23:59:59",
              "color":"#FFA500",
            //"label": "Logo A"
          },
          {
            "processid": "v3",
            "start": "10/4/2018 23:59:59",
              "end": "10/5/2018 9:59:59",
              "color":"#FFA500",
            //"label": "Logo B"
          },
          {
            "processid": "v3",
            "start": "10/5/2018 9:59:59",
            "end": "10/5/2018 17:59:59",
            "color":'#FF0000',
           
          },
          {
            "processid": "v3",
            "start": "10/5/2018 17:59:59",
            "end": "10/6/2018 12:59:59",
            "color":'#0000ff',
           
          },{
            "processid": "v3",
            "start": "10/6/2018 12:59:59",
              "end": "10/6/2018 21:59:59",
              "color":"#FF0000",
            //"label": "Logo A"
          },
          {
            "processid": "v3",
            "start":  "10/6/2018 21:59:59",
              "end": "10/8/2018 5:59:59",
              "color":"#FFA500",
            //"label": "Logo B"
          },
          {
            "processid": "v3",
            "start": "10/8/2018 5:59:59",
            "end": "10/8/2018 14:30:00",
            "color":'#00FF00',
           // "label": "Website template"
          },
          {
            "processid": "v3",
            "start": "10/8/2018 14:30:00",
            "end": "10/9/2018 9:30:00",
            "color":'#FF0000',
           // "label": "Website template"
          },
         
          {
            "processid": "v3",
            "start": "10/9/2018 9:30:00",
            "end": "10/9/2018 15:30:00",
            "color":'#FFA500',
           // "label": "Website template"
          },
          
          {
            "processid": "v3",
            "start": "10/9/2018 15:30:00",
            "end": "10/10/2018 16:30:00",
            "color":'#00FF00',
           // "label": "Website template"
          },
          {
            "processid": "v3",
            "start": "10/10/2018 16:30:00",
              "end": "10/11/2018 2:59:59",
              "color":"#000000",
            //"label": "Logo A"
          },
          {
            "processid": "v3",
            "start": "10/11/2018 2:59:59",
              "end": "10/11/2018 12:59:59",
              "color":"#FF0000",
            //"label": "Logo B"
          },
          {
            "processid": "v3",
            "start": "10/11/2018 12:59:59",
            "end": "10/11/2018 22:59:59",
            "color":'FFA500',
           
          },
          {
            "processid": "v3",
            "start": "10/11/2018 22:59:59",
            "end": "10/13/2018 12:59:59",
            "color":'#00FF00',
           
          },
          {
            "processid": "v3",
            "start": "10/13/2018 12:59:59",
            "end": "10/13/2018 21:59:59",
            "color":'#0000ff',
           
          },
          {
            "processid": "v3",
            "start": "10/13/2018 21:59:59",
            "end": "10/14/2018 16:59:59",
            "color":'#FF0000',
           
          },
          {
            "processid": "v3",
            "start": "10/14/2018 16:59:59",
            "end": "10/15/2018 22:59:59",
            "color":'#FFA500',
           
          },
          {
            "processid": "v3",
            "start": "10/15/2018 22:59:59",
              "end": "10/17/2018 3:59:59",
              "color":"#FF0000",
            //"label": "Logo B"
          },
          {
            "processid": "v3",
            "start": "10/17/2018 3:59:59",
            "end": "10/17/2018 19:30:00",
            "color":'#FFFF00',
           // "label": "Website template"
          },
          {
            "processid": "v3",
            "start": "10/17/2018 19:30:00",
              "end": "10/19/2018 2:59:59",
              "color":"#FFA500",
            //"label": "Logo A"
          },
          {
            "processid": "v3",
            "start": "10/19/2018 2:59:59",
              "end": "10/20/2018 23:59:59",
              "color":"#0000ff",
            //"label": "Logo B"
          },
          {
            "processid": "f1",
            "start": "10/4/2018 12:59:59",
            "end": "10/5/2018 12:59:59",
            "color":'#00FF00',
           
          },
          {
            "processid": "f1",
            "start": "10/1/2018 00:00:00",
            "end": "10/1/2018 12:59:59",
            "color":'#0000ff',
           
          },{
            "processid": "f1",
            "start": "10/1/2018 12:59:59",
              "end": "10/1/2018 23:59:59",
              "color":"#000000",
            //"label": "Logo A"
          },
          {
            "processid": "f1",
            "start":  "10/1/2018 23:59:59",
              "end": "10/2/2018 9:59:59",
              "color":"#FF0000",
            //"label": "Logo B"
          },
          {
            "processid": "f1",
            "start": "10/2/2018 9:59:59",
            "end": "10/2/2018 13:30:00",
            "color":'#FFFF00',
           // "label": "Website template"
          },
          {
            "processid": "f1",
            "start": "10/2/2018 13:30:00",
              "end": "10/3/2018 23:59:59",
              "color":"#000000",
            //"label": "Logo A"
          },
          {
            "processid": "f1",
            "start": "10/3/2018 23:59:59",
              "end": "10/4/2018 11:59:59",
              "color":"#0000ff",
            //"label": "Logo B"
          },{
            "processid": "f1",
            "start": "10/4/2018 11:59:59",
              "end": "10/4/2018 19:59:59",
              "color":"#00FF00",
            //"label": "Logo B"
          },{
            "processid": "f1",
            "start": "10/4/2018 19:59:59",
              "end": "10/5/2018 10:59:59",
              "color":"#FFA500",
            //"label": "Logo B"
          },{
            "processid": "f1",
            "start": "10/5/2018 10:59:59",
              "end": "10/5/2018 23:59:59",
              "color":"#000000",
            //"label": "Logo B"
          },{
            "processid": "f1",
            "start": "10/5/2018 23:59:59",
              "end": "10/7/2018 3:59:59",
              "color":"#FF0000",
            //"label": "Logo B"
          },{
            "processid": "f1",
            "start": "10/7/2018 3:59:59",
              "end": "10/7/2018 20:59:59",
              "color":"#00FF00",
            //"label": "Logo B"
          },{
            "processid": "f1",
            "start": "10/7/2018 20:59:59",
              "end": "10/8/2018 4:59:59",
              "color":"#0000ff",
            //"label": "Logo B"
          },{
            "processid": "f1",
            "start": "10/8/2018 4:59:59",
              "end": "10/8/2018 17:59:59",
              "color":"#000000",
            //"label": "Logo B"
          },{
            "processid": "f1",
            "start": "10/8/2018 17:59:59",
              "end": "10/9/2018 8:59:59",
              "color":"#FF0000",
            //"label": "Logo B"
          },{
            "processid": "f1",
            "start": "10/9/2018 8:59:59",
              "end": "10/11/2018 3:59:59",
              "color":"#FFA500",
            //"label": "Logo B"
          },{
            "processid": "f1",
            "start": "10/11/2018 3:59:59",
              "end": "10/11/2018 11:59:59",
              "color":"#FF0000",
            //"label": "Logo B"
          },{
            "processid": "f1",
            "start": "10/11/2018 11:59:59",
              "end": "10/11/2018 22:59:59",
              "color":"#000000",
            //"label": "Logo B"
          },{
            "processid": "f1",
            "start":"10/11/2018 22:59:59",
              "end": "10/13/2018 13:59:59",
              "color":"#0000ff",
            //"label": "Logo B"
          },
          {
            "processid": "f1",
            "start": "10/13/2018 13:59:59",
            "end": "10/15/2018 12:59:59",
            "color":'#00FF00',
           
          },
          {
            "processid": "f1",
            "start": "10/15/2018 12:59:59",
            "end": "10/16/2018 17:59:59",
            "color":'#FF0000',
           
          },
          {
            "processid": "f1",
            "start": "10/16/2018 17:59:59",
            "end": "10/18/2018 12:59:59",
            "color":'#000000',
           
          },
          {
            "processid": "f1",
            "start": "10/18/2018 12:59:59",
            "end": "10/19/2018 6:59:59",
            "color":'#FF0000',
           
          },
          {
            "processid": "f1",
            "start": "10/19/2018 6:59:59",
            "end": "10/19/2018 20:59:59",
            "color":'#00FF00',
           
          },{
            "processid": "f1",
            "start": "10/19/2018 20:59:59",
            "end": "10/20/2018 23:59:59",
            "color":'#FFA500',
           
          },{
            "processid": "f2",
            "start": "10/1/2018 00:00:00",
              "end": "10/1/2018 8:59:59",
              "color":"#FFFF00",
            //"label": "Logo A"
          },
          {
            "processid": "f2",
            "start": "10/1/2018 8:59:59",
              "end": "10/1/2018 21:59:59",
              "color":"#00FF00",
            //"label": "Logo B"
          },
          {
            "processid": "f2",
            "start":  "10/1/2018 21:59:59",
            "end": "10/2/2018 18:30:00",
            "color":'#FFA500',
           // "label": "Website template"
          },
          {
            "processid": "f2",
            "start": "10/2/2018 18:30:00",
              "end": "10/3/2018 23:59:59",
              "color":"#000000",
            //"label": "Logo A"
          },
          {
            "processid": "f2",
            "start": "10/3/2018 23:59:59",
              "end": "10/4/2018 19:59:59",
              "color":"#00FF00",
            //"label": "Logo B"
          },
          {
            "processid": "f2",
            "start": "10/4/2018 19:59:59",
            "end": "10/4/2018 7:59:59",
            "color":'#FFA500',
           
          },
          {
            "processid": "f2",
            "start": "10/4/2018 7:59:59",
            "end": "10/6/2018 12:59:59",
            "color":'#0000ff',
           
          },{
            "processid": "f2",
            "start": "10/6/2018 12:59:59",
              "end": "10/6/2018 3:59:59",
              "color":"#FF0000",
            //"label": "Logo A"
          },
          {
            "processid": "f2",
            "start":  "10/6/2018 3:59:59",
              "end": "10/7/2018 11:59:59",
              "color":"#FFA500",
            //"label": "Logo B"
          },{
            "processid": "f2",
            "start":  "10/7/2018 11:59:59",
              "end": "10/8/2018 7:59:59",
              "color":"#FFFF00",
            //"label": "Logo B"
          },
          {
            "processid": "f2",
            "start": "10/8/2018 7:59:59",
            "end": "10/8/2018 9:30:00",
            "color":'#00FF00',
           // "label": "Website template"
          },
          {
            "processid": "f2",
            "start": "10/8/2018 9:30:00",
            "end": "10/8/2018 16:30:00",
            "color":'#FF0000',
           // "label": "Website template"
          },
         
          {
            "processid": "f2",
            "start": "10/8/2018 16:30:00",
            "end": "10/9/2018 1:30:00",
            "color":'#00FF00',
           // "label": "Website template"
          },
          
          {
            "processid": "f2",
            "start": "10/9/2018 1:30:00",
            "end": "10/9/2018 16:30:00",
            "color":'#FFA500',
           // "label": "Website template"
          }, {
            "processid": "f2",
            "start": "10/9/2018 16:30:00",
            "end": "10/11/2018 16:30:00",
            "color":'#00FF00',
           // "label": "Website template"
          },
          {
            "processid": "f2",
            "start": "10/11/2018 16:30:00",
              "end": "10/13/2018 3:59:59",
              "color":"#000000",
            //"label": "Logo A"
          },
          {
            "processid": "f2",
            "start": "10/13/2018 3:59:59",
              "end": "10/14/2018 12:59:59",
              "color":"#FF0000",
            //"label": "Logo B"
          },
          {
            "processid": "f2",
            "start": "10/14/2018 12:59:59",
            "end": "10/16/2018 8:59:59",
            "color":'0000ff',
           
          },
          {
            "processid": "f2",
            "start": "10/16/2018 8:59:59",
            "end": "10/17/2018 12:59:59",
            "color":'#00FF00',
           
          },
          {
            "processid": "f2",
            "start": "10/17/2018 12:59:59",
            "end": "10/18/2018 19:59:59",
            "color":'#0000ff',
           
          },
          {
            "processid": "f2",
            "start": "10/18/2018 19:59:59",
            "end": "10/19/2018 6:59:59",
            "color":'#FF0000',
           
          },
          {
            "processid": "f2",
            "start": "10/19/2018 6:59:59",
            "end": "10/20/2018 13:59:59",
            "color":'#FFA500',
           
          },
          {
            "processid": "f2",
            "start": "10/20/2018 13:59:59",
            "end": "10/20/2018 23:59:59",
            "color":'#00FF00',
           
          },
          
          {
            "processid": "f3",
            "start": "10/1/2018 00:00:00",
              "end": "10/1/2018 17:59:59",
              "color":"#000000",
            //"label": "Logo A"
          },
          {
            "processid": "f3",
            "start": "10/1/2018 17:59:59",
              "end": "10/2/2018 13:59:59",
              "color":"#FF0000",
            //"label": "Logo B"
          },
          {
            "processid": "f3",
            "start": "10/2/2018 13:59:59",
            "end": "10/3/2018 19:30:00",
            "color":'#FFFF00',
           // "label": "Website template"
          },
          {
            "processid": "f3",
            "start": "10/3/2018 19:30:00",
              "end": "10/3/2018 3:59:59",
              "color":"#FFA500",
            //"label": "Logo A"
          },
          {
            "processid": "f3",
            "start": "10/3/2018 3:59:59",
              "end": "10/4/2018 12:59:59",
              "color":"#0000ff",
            //"label": "Logo B"
          },
          {
            "processid": "f3",
            "start": "10/4/2018 12:59:59",
            "end": "10/5/2018 18:59:59",
            "color":'#00FF00',
           
          },
          {
            "processid": "f3",
            "start": "10/5/2018 18:59:59",
            "end": "10/5/2018 21:59:59",
            "color":'#FF0000',
           
          },
          {
            "processid": "f3",
            "start": "10/5/2018 21:59:59",
            "end": "10/6/2018 7:59:59",
            "color":'#00FF00',
           
          },
          {
            "processid": "f3",
            "start": "10/6/2018 7:59:59",
            "end": "10/7/2018 2:59:59",
            "color":'#FFFF00',
           
          }, {
            "processid": "f3",
            "start": "10/7/2018 2:59:59",
            "end": "10/8/2018 17:59:59",
            "color":'#00FF00',
           
          },{
            "processid": "f3",
            "start": "10/8/2018 17:59:59",
              "end": "10/9/2018 3:59:59",
              "color":"#0000ff",
            //"label": "Logo A"
          },{
            "processid": "f3",
            "start": "10/9/2018 3:59:59",
              "end": "10/9/2018 16:59:59",
              "color":"#000000",
            //"label": "Logo A"
          },{
            "processid": "f3",
            "start": "10/9/2018 16:59:59",
              "end": "10/10/2018 2:59:59",
              "color":"#FF0000",
            //"label": "Logo A"
          },{
            "processid": "f3",
            "start": "10/10/2018 2:59:59",
              "end": "10/11/2018 23:59:59",
              "color":"#0000ff",
            //"label": "Logo A"
          },
          {
            "processid": "f3",
            "start":  "10/11/2018 23:59:59",
              "end": "10/12/2018 13:59:59",
              "color":"#FFA500",
            //"label": "Logo B"
          },
          {
            "processid": "f3",
            "start": "10/12/2018 13:59:59",
            "end": "10/13/2018 9:30:00",
            "color":'#FFFF00',
           // "label": "Website template"
          },
          {
            "processid": "f3",
            "start": "10/13/2018 9:30:00",
              "end": "10/13/2018 23:59:59",
              "color":"#000000",
            //"label": "Logo A"
          },
          {
            "processid": "f3",
            "start": "10/13/2018 23:59:59",
              "end": "10/14/2018 19:59:59",
              "color":"#0000ff",
            //"label": "Logo B"
          },
          {
            "processid": "f3",
            "start": "10/14/2018 19:59:59",
            "end": "10/15/2018 12:59:59",
            "color":'#FFA500',
           
          },
          {
            "processid": "f3",
            "start": "10/15/2018 12:59:59",
            "end": "10/16/2018 2:59:59",
            "color":'#FF0000',
           
          },
          {
            "processid": "f3",
            "start": "10/16/2018 2:59:59",
            "end": "10/17/2018 11:59:59",
            "color":'#000000',
           
          },{
            "processid": "f3",
            "start": "10/17/2018 11:59:59",
            "end": "10/18/2018 12:59:59",
            "color":'#00FF00',
           
          },{
            "processid": "f3",
            "start": "10/18/2018 12:59:59",
            "end": "10/18/2018 22:59:59",
            "color":'#FFA500',
           
          },
          {
            "processid": "f3",
            "start": "10/18/2018 22:59:59",
            "end": "10/19/2018 6:59:59",
            "color":'#000000',
           
          },
          {
            "processid": "f3",
            "start": "10/19/2018 6:59:59",
            "end": "10/19/2018 23:59:59",
            "color":'#FFA500',
           
          },
          {
            "processid": "f3",
            "start": "10/19/2018 23:59:59",
            "end": "10/20/2018 23:59:59",
            "color":'#FFFF00',
           
          },
          
          
        ]
      },"legend": {
          "item": [{
              "label": "Analysis",
              "color": "#000000"
            },
            {
              "label": "Load",
              "color": "#FF0000"
            },
            {
              "label": "Process",
              "color": "#FFFF00"
            },
            {
              "label": "Waiting",
              "color": "#0000ff"
            },
            {
              "label": "Cleanup",
              "color": "#00FF00"
            },
            {
              "label": "Minor Setup",
              "color": "#FFA500"
            }
          ]
        }
    }
  }).render();
});
<!-- Date and Time Based Gantt chart -->
<div id="chart-container">FusionCharts will render here</div>