title: Full width bars in Chart.js version 2.7.2
body: <p>I am using Chart.js version 2.7.2 to create a simple, single series bar chart. I want every bar in the chart to fill all available space such that each bar in the chart "touches" its neighbor(s).</p>
  
  <p>My research has indicated that I should be using the <code>barPercentage</code> and <code>categoryPercentage</code> settings, setting both to 1. I've done this and it makes the bars very wide, but it leaves a single pixel gap between them. </p>
  
  <p>My initial assumption is that this was due to a grid line, but even if I turn off grid lines (<code>gridLines.display: false</code>) it still has the one-pixel gap.</p>
  
  <p><a href="https://jsfiddle.net/t4pvk0zo/2/" rel="nofollow noreferrer">JsFiddle</a></p>
  
  <p>Here is a screenshot. See the gap between each bar? How do I get rid of that?</p>
  
  <p><a href="https://i.stack.imgur.com/RmZfH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RmZfH.png" alt="Chart.js bar char with a one-pixel gap"></a></p>