title: CharJS 2.5.0 - How to remove space between bars
body: <p>I created this fiddle. It contains a ChartJS bar chart:</p>
  
  <p><a href="https://jsfiddle.net/07pzys9t/" rel="nofollow noreferrer">https://jsfiddle.net/07pzys9t/</a></p>
  
  <pre><code>        var options = {
          legend: { display: false },
          animation: {
              animateScale: true
          },
          scales: {
              xAxes: [{
                  barPercentage: 1,
                  categoryPercentage: 1,
                  barThickness : 45
              }],
              yAxes: [{
                  barPercentage: 1,
                  categoryPercentage: 1,
                  ticks: {
                      beginAtZero: true
                  }
              }]
          },
          tooltips: {
  
          }
      };
     var dataForChart = {
          datasets: [{
              data: [0.2, 0.4, .78, 0.05],
              backgroundColor:["#FF6384","#4BC0C0","#FFCE56","#36A2EB"],
              borderWidth: 0
          }],
          labels: ['1', '2', '3', '4']
      };
      var chart = new Chart($("#statsRenderingResultsDeliveryClaimsChart"), {
          type: 'bar',
          data: dataForChart,
          options: options
      });
  </code></pre>
  
  <p>How can I remove the space between the bars? I read this answer:</p>
  
  <p><a href="https://stackoverflow.com/questions/39879445/chart-js-bar-chart-how-to-remove-space-between-the-bars-in-v2-3#answer-40411121">Chart.js Bar Chart: How to remove space between the bars in v2.3?</a></p>
  
  <p>But it doesn't seem to work because if you look at the code in the fiddle I created I add the <code>barPercentage</code> and <code>categoryPercentage</code> properties on both axes.</p>
  
  <p>Any idea on how to achieve the wanted behaviour?</p>
  
  <p>Thanks for the attention.</p>