FusionCharts - Gallery Example - Bar 2D Chart

Created using FusionCharts Suite XT - www.fusioncharts.com

HTML

<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>

<div id="indicatorDiv">Method Name: <b>getXMLData()</b>

    <br>
    <br>Fetches chart data in the XML format. Click <a href="http://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-methods.html#getXMLData" target="_blank">here</a> to read more about the <b>getXMLData()</b> method.</br>
    <br>Click <b>Get XML Data</b> to get the chart data in the XML format.</br>
</div>
<br>
<center>
    <br>
    <button id="get_xml_data"><b>Get XML Data</b>
    </button>
    </br>
    <br>
    <div id="msg"></div>
    </br><!-- Simple implementation of the Bar 2D chart -->
    </center>
<div id="chart-container">FusionCharts will render here</div>

JavaScript

const dataSource = {
  "chart": {
    "dateformat": "mm/dd/yyyy",
    "caption": "Event Planning Process",
    "theme": "fusion",
    "canvasborderalpha": "40",
    "ganttlinealpha": "50"
  },
  "tasks": {
    "color": "#5D62B5",
    "task": [
      {
        "start": "03/07/2018",
        "end": "03/17/2018"
      },
      {
        "start": "03/14/2018",
        "end": "03/28/2018"
      },
      {
        "start": "03/15/2018",
        "end": "03/31/2018"
      },
      {
        "start": "04/02/2018",
        "end": "04/12/2018"
      },
      {
        "start": "04/12/2018",
        "end": "04/30/2018"
      },
      {
        "start": "04/20/2018",
        "end": "05/06/2018"
      },
      {
        "start": "04/30/2018",
        "end": "05/10/2018"
      },
      {
        "start": "04/30/2018",
        "end": "05/25/2018"
      },
      {
        "start": "05/04/2018",
        "end": "06/05/2018"
      }
    ]
  },
  "processes": {
    "headertext": "Task",
    "headeralign": "left",
    "fontsize": "14",
    "isbold": "0",
    "align": "left",
    "process": [
      {
        "label": "Define event goals"
      },
      {
        "label": "Source venue options"
      },
      {
        "label": "Finalize speaker reach out list"
      },
      {
        "label": "Compose sponsorship strategy"
      },
      {
        "label": "Reach out to sponsors"
      },
      {
        "label": "Create social media campaign"
      },
      {
        "label": "Reach out to blogs for backlinks"
      },
      {
        "label": "Optimize SEO ranking"
      },
      {
        "label": "Publish event lead up vlog series"
      }
    ]
  },
  "categories": [
    {
      "category": [
        {
          "start": "03/05/2018",
          "end": "03/31/2018",
          "label": "March"
        },
        {
          "start": "04/01/2018",
          "end": "04/30/2018",
          "label": "April"
        },
        {
          "start": "05/01/2018",
          "end":...