title: Stacked column chart with irregular date time interval
body: <p>I have a stacked column chart with irregular datetime on x-axis. The date time interval can be any. Basically our crawler insert data on regular interval from different api but there are cases where it fails for certain dates. So the date time is mostly irregular.</p>
  
  <p>Have a look at below example.</p>
  
  <p><a href="https://i.stack.imgur.com/W6Pgj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/W6Pgj.png" alt="enter image description here"></a></p>
  
  <ul>
  <li><strong>I need to remove those points which are automatically added by
  highchart.</strong> </li>
  <li><strong>I need to place exact point date on x axis.</strong> </li>
  <li><strong>I need the
  alignment of x axis with column. Currently the dates on x-axis are
  not aligned.</strong></li>
  </ul>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(function () {
      var chart;
      $(document).ready(function() {
          chart = new Highcharts.Chart({
              chart: {
              renderTo: 'container',
          plotBorderWidth: 1,
          type: "column",
      },
      title: {
          text: ""
      },
      xAxis: {
          type: "datetime",
          tickLength: 0,        
      },
      yAxis: {
          min: 0,
          title: {
              text: "Keywords"
          },
          stackLabels: {
              enabled: false,
              style: {
                  fontWeight: "bold",
                  color: "gray"
              }
          },
          opposite: false
      },
      legend: {
          backgroundColor: "white",
          borderColor: "#CCC",
          borderWidth: 0,
          shadow: false
      },
       plotOptions: {
              column: {
                  stacking: 'normal'
              },            
          },
      series: [{
          name: "Ranked on Page 3",
          data: [{
              y: 2,
              x: 1449532800000,
              pointDate: 1449532800000
          }, {
              y: 4,
              x: 1450137600000,
              pointDate: 1450137600000
          }, {
              y: 3,
              x: 1450742400000,
              pointDate: 1450742400000
          }, {
              y: 3,
              x: 1451347200000,
              pointDate: 1451347200000
          }, {
              y: 2,
              x: 1454025600000,
              pointDate: 1454025600000
          }],
          maxPointWidth: 100
      }, {
          name: "Ranked on Page 2",
          data: [{
              y: 1,
              x: 1449532800000,
              pointDate: 1449532800000
          }],
          maxPointWidth: 100
      }, {
          name: "Ranked on Page 1",
          data: [{
              y: 2,
              x: 1454025600000,
              pointDate: 1454025600000
          }],
          maxPointWidth: 100
      }],
      colors: ["#6662AC", "#57B3C8", "#F7971E"]
          });
      });
      
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.highcharts.com/modules/exporting.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.highcharts.com/highcharts.js"&gt;&lt;/script&gt;
  &lt;div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>To play with the actual data and output : <a href="http://jsfiddle.net/mj7rj92n/" rel="nofollow noreferrer">JsFiddle</a></p>
  
  <p>Any help would be appreciated.</p>