title: Morris chart not showing the last xkey value with MVC
body: <p>My Morris Chart is not showing the last xkey value:</p>
  
  <p><a href="https://i.stack.imgur.com/mHBQd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mHBQd.png" alt="enter image description here"></a></p>
  
  <p>Any ideia why?</p>
  
  <p>My data is:</p>
  
  <pre><code>[{"Date":"2016-07-17","Average":0.0},{"Date":"2016-07-16","Average":0.0},{"Date":"2016-07-15","Average":4.125},{"Date":"2016-07-14","Average":0.0},{"Date":"2016-07-13","Average":0.0},{"Date":"2016-07-12","Average":0.0},{"Date":"2016-07-11","Average":0.0}]
  </code></pre>
  
  <p>The View:</p>
  
  <pre><code>&lt;script&gt;
      var surveyLastDaysChartData = @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(Model.SurveyLastDaysChartData));
  &lt;/script&gt;
  
   &lt;div class="col-lg-6"&gt;
        &lt;div class="card-box"&gt;
            &lt;h4 class="header-title m-t-0"&gt;Média dos últimos 7 dias&lt;/h4&gt;
            &lt;div id="dsb-survey-last-days-chart" style="height: 217px;"&gt;&lt;/div&gt;
        &lt;/div&gt;
   &lt;/div&gt;&lt;!-- end col --&gt;
  </code></pre>
  
  <p>The script to build it:</p>
  
  <pre><code>var _surveyLastDaysChartId = "dsb-survey-last-days-chart";
  
  Morris.Line({
          // ID of the element in which to draw the chart.
          element: _surveyLastDaysChartId,
          // Chart data records -- each entry in this array corresponds to a point on the chart.
          data: surveyLastDaysChartData,
          // The name of the data record attribute that contains x-values.
          xkey: 'Date',
          // A list of names of data record attributes that contain y-values.
          ykeys: ['Average'],
          // Labels for the ykeys -- will be displayed when you hover over the chart.
          labels: ['Média'],
          resize: true,
          hideHover: 'auto',
          ymax: 5
      });
  </code></pre>