title: Highcharts x-axis tick starts with an offset
body: <p>I am trying to remove the <code>offset</code> on the tick of the <code>x-axis</code>.</p>
  
  <p>I want the first tick <code>10/8</code> to start from the <code>x-axis</code> and <code>y-axis</code> intersection.</p>
  
  <p><code>10-8</code> should be on the marker which is between the two labels.</p>
  
  <p>I have following code for it in highchart.</p>
  
  <pre><code>xAxis: {
              categories: categories,
              title: {
                text: title_x_axis,
                style: {
                  fontWeight: 'bold'
                },
                formatter: function(){
                  return "&lt;h3&gt;&lt;b&gt;" + this.value + "&lt;/b&gt;&lt;/h3&gt;";  
                }
              },
              min: 0,
              startOnTick: true,
              endOnTick: true,
              minPadding: 0,
              maxPadding: 0,
              align: "left"               
          },
  </code></pre>
  
  <p>Max padding and min padding are set to 0, So I don't know what the problem is?</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>I have created a <a href="http://jsfiddle.net/edrjs1r4/1/" rel="nofollow noreferrer">fiddle</a> of the type of chart I am dealing with.
  Note Image below has different x-axis values as I am not using the same value of fiddle.
  Also I have set <code>tickmarkPlacement: "on"</code> after I took that snapshot.
  I want <code>Jan</code> label to start from the beginning of line. It has some offset currently.</p>
  
  <p><img src="https://i.stack.imgur.com/s3u0S.png" alt="Highchart x-axis offset"></p>
  
  <p>Can anyone help me with this?</p>