title: c3js bar chart, align data to x tick start position (not centered)
body: <p>If you take a normal bar chart from c3js, the bars will be centered at the x-tick position. I have a chart which goes hourly, so any timespan between 00-24 (usually like 8-16). If I have a line-chart or scatter plot it will align it self exactly on the x-tick nicely, but not as a step-chart or a bar chart.</p>
  
  <pre><code>var chart = c3.generate({
      data: {
              x: 'x',
          columns: [
                  ['x', 8, 9, 10, 11, 12, 13, 14, 15, 16],
              ['data1', 1, 1, 0, 1, 0, 0, 1, 1, 1],
          ],
          type: "bar"
      }, 
      axis: {
          x: {
          type: "category",
          categories: [],
        }
      }
  });
  </code></pre>
  
  <p>See this fiddle: <a href="https://jsfiddle.net/jvcarphe/1/" rel="nofollow noreferrer">https://jsfiddle.net/jvcarphe/1/</a></p>
  
  <p>I've been trying with all sorts of culling / tick values / time series etc. but I can't for the love of god figure out how to do it. If the type in the fiddle is changed to <code>"line"</code> it does exactly what I want, beside it's not a bar.</p>