title: highchart - pointstart with given x values
body: <p>I have a highchart that is displaying a time series data, the problem I am having is that each series is beginning at Jan 1 unless I define a pointStart. As documented here <a href="http://api.highcharts.com/highcharts/plotOptions.series.pointStart" rel="nofollow noreferrer">HighCharts API</a>, my understanding is that you can specify pointStart if no x values are given for points in the series. </p>
  
  <p>However, what I am trying to accomplish is to get each series plotted at the first x value that is given dynamically without hard-coding a date. </p>
  
  <p>For example this is my data, </p>
  
  <pre><code>  var dataArray = [{
    ErrorDate: "2017-09-07",
    Brand: "Toyota",
    Count: 3
   }, {
    ErrorDate: "2017-09-02",
    Brand: "Ford",
    Count: 258
   }, {
    ErrorDate: "2017-09-03",
    Brand: "Ford",
    Count: 239
   }, {
    ErrorDate: "2017-09-04",
    Brand: "Ford",
    Count: 197
   }, {
    ErrorDate: "2017-09-05",
    Brand: "Ford",
    Count: 187
   }, {
    ErrorDate: "2017-09-06",
    Brand: "Ford",
    Count: 418
   }, {
    ErrorDate: "2017-09-07",
    Brand: "Ford",
    Count: 344
   }, {
    ErrorDate: "2017-09-03",
    Brand: "Mercedes",
    Count: 43
  }, {
    ErrorDate: "2017-09-04",
    Brand: "Mercedes",
    Count: 220
  }, {
    ErrorDate: "2017-09-03",
    Brand: "Chrysler",
    Count: 3
  }, {
    ErrorDate: "2017-09-04",
    Brand: "Chrysler",
    Count: 3
  }, {
   ErrorDate: "2017-09-06",
   Brand: "Chrysler",
   Count: 6
  }, {
   ErrorDate: "2017-09-07",
   Brand: "Chrysler",
   Count: 1
  }];
  </code></pre>
  
  <p>I'd like each brand to be plotted at it's first x value, etc. Rather than plotted at a hard coded pointStart.</p>
  
  <p>Here is my jsfiddle: 
  <a href="https://jsfiddle.net/k1a4kt5u/" rel="nofollow noreferrer">JsFiddle</a></p>