title: Chart.js - Line charts: draw points between grid lines
body: <p>I'm creating line charts using Chart.js version 2.1.3.</p>
  
  <p>I want to center labels <strong>and points</strong> between grid lines on the x axis (like in bar charts).</p>
  
  <p>For labels, I use the option 'offsetGridLines' that offset labels from grid lines:</p>
  
  <pre><code>scales: {
      xAxes: [{
          gridLines: {
              offsetGridLines: true
          }
      }],
      ...
  </code></pre>
  
  <p>Nevertheless, I can't found a convenient solution to center points.</p>
  
  <p>Here is my initial example (labels placed between grid lines): <a href="https://jsfiddle.net/24aotbnc/1/" rel="nofollow">https://jsfiddle.net/24aotbnc/1/</a>.</p>
  
  <p>And here is my non-elegant solution that creates an empty dataset of type 'bar' and removes it after chart creation (points are drawn between gridlines): <a href="https://jsfiddle.net/24aotbnc/2/" rel="nofollow">https://jsfiddle.net/24aotbnc/2/</a></p>
  
  <p>Can someone provide a better solution? Thanks.</p>