title: Reduce gap between bars in amcharts serial bar graph
body: <p>Am using <strong><a href="https://www.amcharts.com/" rel="nofollow"><code>amcharts</code></a></strong> plugin to create bar graph. Is there any ways, I can reduce distance/gap between bars both <code>x</code> an <code>y axis</code> in the graph. <strong><a href="https://jsfiddle.net/Guruprasad_Rao/g380La1v/1/" rel="nofollow">Here is the fiddle</a></strong></p>
  
  <p><strong>Code</strong></p>
  
  <pre><code>var chart = AmCharts.makeChart("chartdiv", {
      "theme": "light",
      "type": "serial",
      "dataProvider": [{
          "name": "John",
          "startTime": 0,
          "endTime": 11,
          "color": "#FF0F00"
      }, {
          "name": "Joe",
          "startTime": 0,
          "endTime": 13,
          "color": "#FF9E01"
      }, {
          "name": "Susan",
          "startTime": 0,
          "endTime": 18,
          "color": "#F8FF01"
      }, {
          "name": "Eaton",
          "startTime": 0,
          "endTime": 19,
          "color": "#04D215"
      }],
      "valueAxes": [{
          "axisAlpha": 0,
          "gridAlpha": 0.1
      }],
      "startDuration": 1,
      "graphs": [{
          "balloonText": "&lt;b&gt;[[category]]&lt;/b&gt;&lt;br&gt;starts at [[startTime]]&lt;br&gt;ends at [[endTime]]",
          "colorField": "color",
          "fillAlphas": 0.8,
          "lineAlpha": 0,
          "openField": "startTime",
          "type": "column",
          "valueField": "endTime"
      }],
      "rotate": true,
      "columnWidth": 0.2,
      "categoryField": "name",
      "categoryAxis": {
          "gridPosition": "start",
          "axisAlpha": 0,
          "gridAlpha": 0.1,
          "position": "left"
      },
      "export": {
          "enabled": true
       }
  });
  </code></pre>